/* Stella17 Design System tokens. Source of truth: the Stella17 Design System artifact.
   Navy = dark theme, Paper = light theme. Dark follows the system unless data-theme is set. */
@font-face{font-family:"Michroma";src:url(/fonts/Michroma-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(/fonts/BarlowCondensed-Italic700.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/fonts/JetBrainsMono-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
:root{
  --ds-bg:#f4f5f2;--ds-raised:#ffffff;--ds-inset:#d6d9dd;--ds-ink:#101214;--ds-muted:#54565a;--ds-line:#7d848a;--ds-line-soft:#e0e4e8;
  --ds-accent:#0b57bd;--ds-accent-hover:#084a9f;--ds-accent-text:#0b57bd;--ds-on-accent:#ffffff;--ds-accent-deep:#00448d;
  --ds-port:#e21a1a;--ds-port-text:#c4151a;--ds-port-deep:#5c0d12;
  --ds-cyan:#00697a;--ds-coral:#ff4f45;--ds-coral-text:#b8342b;
  --ds-carbon:#101214;--ds-ice:#f4f5f2;--ds-titanium:#9ca3a6;--ds-focus:#101214;
  --font-headline:"Ethnocentric","Michroma","Eurostile","Arial Black",sans-serif;
  --font-display:"BF Buffalo","Barlow Condensed","Arial Narrow",sans-serif;
  --font-mono:"Abermono","JetBrains Mono",ui-monospace,monospace;
  --font-text:Verdana,Geneva,sans-serif;
}
:root[data-theme="dark"]{
  --ds-bg:#04070f;--ds-raised:#0a1424;--ds-inset:#020204;--ds-ink:#f4f5f2;--ds-muted:#9ca3a6;--ds-line:#6c82a6;--ds-line-soft:#1a2a44;
  --ds-accent:#1071eb;--ds-accent-hover:#0b57bd;--ds-accent-text:#4d97ff;--ds-accent-deep:#00448d;
  --ds-port-text:#ff4f45;--ds-cyan:#00e5ff;--ds-coral-text:#ff4f45;--ds-focus:#00e5ff;color-scheme:dark;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --ds-bg:#04070f;--ds-raised:#0a1424;--ds-inset:#020204;--ds-ink:#f4f5f2;--ds-muted:#9ca3a6;--ds-line:#6c82a6;--ds-line-soft:#1a2a44;
    --ds-accent:#1071eb;--ds-accent-hover:#0b57bd;--ds-accent-text:#4d97ff;--ds-accent-deep:#00448d;
    --ds-port-text:#ff4f45;--ds-cyan:#00e5ff;--ds-coral-text:#ff4f45;--ds-focus:#00e5ff;color-scheme:dark;
  }
}
:focus-visible{outline:2px solid var(--ds-focus);outline-offset:2px}
/* Wordmark: STELLA17 in Ethnocentric, 17 in the accent colour */
.wm{font-family:var(--font-headline);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.wm b{font-weight:400;color:var(--ds-accent-text)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Hamburger icon: three bars that become an X when aria-expanded="true" */
.hb-btn{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;background:transparent;color:inherit;border:1px solid var(--ds-line);cursor:pointer}
.hb{position:relative;display:block;width:20px;height:2px;background:currentColor;transition:background .15s}
.hb::before,.hb::after{content:"";position:absolute;left:0;width:20px;height:2px;background:currentColor;transition:transform .2s}
.hb::before{top:-6px}.hb::after{top:6px}
[aria-expanded="true"]>.hb{background:transparent}
[aria-expanded="true"]>.hb::before{transform:translateY(6px) rotate(45deg)}
[aria-expanded="true"]>.hb::after{transform:translateY(-6px) rotate(-45deg)}