/*
Theme Name: Minn Admin
Theme URI: https://github.com/austinginder/minn-admin
Author: Austin Ginder
Author URI: https://github.com/austinginder
Description: Marketing / product site theme for the Minn Admin WordPress plugin — a single-page landing that mirrors Minn's dark & light design language. Bundled fonts, zero external requests, dark/light toggle remembered per visitor.
Version: 0.3.0
Requires at least: 6.0
Requires PHP: 7.4
License: MIT
License URI: https://opensource.org/licenses/MIT
Text Domain: minn-admin-theme
*/

@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('assets/fonts/hanken-grotesk.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url('assets/fonts/jetbrains-mono.woff2') format('woff2');
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: 'Hanken Grotesk', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

:root {
  --bg:#09090b; --bg2:#0f0f12; --panel:#141417; --panel2:#1b1b1f; --border:#232329; --border2:#31313a;
  --text:#f1f1f2; --text2:#a2a2ac; --text3:#65656f;
  --accent:#7166f6; --accent2:#8f86f8; --accent-soft:rgba(113,102,246,0.14);
  --green:#46b881; --amber:#e0a458; --blue:#5b9be0; --pink:#d073c0;
}
[data-root-theme="light"] {
  --bg:#f7f7f8; --bg2:#ffffff; --panel:#ffffff; --panel2:#f3f3f6; --border:#e7e7ea; --border2:#d9d9de;
  --text:#141418; --text2:#585863; --text3:#9494a0;
  --accent:#6a5ef2; --accent2:#5a4ef0; --accent-soft:rgba(106,94,242,0.10);
}

a { text-decoration: none; color: inherit; }
::selection { background: var(--accent-soft); }

@keyframes minnFloat {
  from { opacity: 0; transform: translateY(22px); }
  to   { opacity: 1; transform: none; }
}
.minn-reveal { animation: minnFloat 0.7s cubic-bezier(0.16,1,0.3,1) both; }

/* click-to-copy install command */
.minn-copy { transition: border-color .15s ease, background .15s ease; }
.minn-copy:hover { border-color: var(--border2); }
.minn-copy:hover .minn-copy-ico { color: var(--text2); }

/* theme-toggle icon swap (replaces the design's <sc-if> conditionals) */
.minn-icon-light { display: none; }
[data-root-theme="light"] .minn-icon-dark  { display: none; }
[data-root-theme="light"] .minn-icon-light { display: inline; }

/* ===== Responsive ===== */
@media (max-width: 900px) {
  .minn-hero-h1 { font-size: 50px !important; letter-spacing: -1.4px !important; }
  .minn-nav-links { display: none !important; }
  .minn-grid-3, .minn-grid-4 { grid-template-columns: repeat(2,1fr) !important; }
  .minn-split, .minn-split-tight { grid-template-columns: 1fr !important; }
  .minn-split-tight > div:last-child { padding: 0 40px 40px !important; }
  .minn-two { grid-template-columns: 1fr !important; }
}
@media (max-width: 560px) {
  .minn-hero-h1 { font-size: 40px !important; letter-spacing: -1px !important; }
  .minn-grid-3, .minn-grid-4 { grid-template-columns: 1fr !important; }
  .minn-section-h2 { font-size: 32px !important; }
  .minn-cta-h2 { font-size: 35px !important; }
}