/* trooids.com 2026 — design tokens (S2). Dark, cinematic, restrained. Brand gold kept for continuity with the logo; nexus cyan reserved for connections. */
:root{
  --bg:#07090E; --bg-2:#0E1220; --bg-3:#141A2B; --surface:rgba(255,255,255,.035); --line:rgba(255,255,255,.10);
  --text:#F2F4F8; --muted:#A7B0C0; --dim:#8B94A6;
  --gold:#D4AF37; --gold-deep:#A3822E; --gold-soft:rgba(212,175,55,.16); --nexus:#5EE1D6; --nexus-soft:rgba(94,225,214,.14);
  --focus:#FFD866;
  --font-display:"Fraunces","Fraunces Fallback",Georgia,"Times New Roman",serif; --font-body:"Inter","Inter Fallback",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; --font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --fs-xs:clamp(.78rem,.72rem + .2vw,.875rem); --fs-sm:clamp(.9rem,.85rem + .2vw,1rem); --fs-base:clamp(1.05rem,1rem + .25vw,1.2rem); --fs-lg:clamp(1.2rem,1.1rem + .5vw,1.5rem); --fs-xl:clamp(1.5rem,1.25rem + 1vw,2.1rem); --fs-2xl:clamp(2rem,1.5rem + 2vw,3.2rem); --fs-3xl:clamp(2.6rem,1.8rem + 3.4vw,5rem);
  --lh-tight:1.08; --lh-snug:1.25; --lh-body:1.6;
  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem; --sp-5:1.5rem; --sp-6:2rem; --sp-8:3rem; --sp-10:4rem; --sp-12:6rem; --sp-16:8rem;
  --radius:14px; --radius-sm:8px; --radius-pill:999px;
  --shadow:0 20px 60px rgba(0,0,0,.45); --glow-gold:0 0 40px rgba(212,175,55,.18); --glow-nexus:0 0 30px rgba(94,225,214,.18);
  --maxw:1200px; --gutter:clamp(1rem,4vw,2.5rem); --header-h:64px;
  --dur-fast:200ms; --dur-base:420ms; --dur-slow:640ms; --ease-out:cubic-bezier(.22,.61,.36,1); --ease-in:cubic-bezier(.55,0,1,.45); --stagger:70ms;
  color-scheme:dark;
}
@font-face{font-family:"Fraunces";src:url(../fonts/fraunces-normal-latin.woff2) format("woff2");font-weight:100 900;font-stretch:normal;font-display:swap;font-style:normal}
@font-face{font-family:"Fraunces";src:url(../fonts/fraunces-italic-latin.woff2) format("woff2");font-weight:100 900;font-display:swap;font-style:italic}
@font-face{font-family:"Inter";src:url(../fonts/inter-normal-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Fraunces Fallback";src:local("Georgia");size-adjust:101%;ascent-override:92%;descent-override:24%;line-gap-override:0%}
@font-face{font-family:"Inter Fallback";src:local("Arial");size-adjust:107%;ascent-override:90%;descent-override:22%;line-gap-override:0%}
@font-face{font-family:"JetBrains Mono";src:url(../fonts/jetbrainsmono-normal-latin.woff2) format("woff2");font-weight:400 800;font-display:swap}