/* trooids.com — theme tokens (brand input: dark + gold, from existing build src/css/main.css)
   The leaf-driven build instantiates concrete components ON TOP of these tokens. */
:root{
  /* surfaces */
  --bg:#0b0c10; --bg2:#0f1118; --card:#121522;
  /* text */
  --text:#e9ecf1; --muted:#b7bdc8;
  /* brand accent — gold */
  --gold:#d4af37; --gold2:#b98f1b; --accent:#d4af37; --accent-light:#FCD34D;
  /* semantic */
  --success:#10b981; --warning:#f59e0b; --error:#ef4444;
  /* radii */
  --radius-sm:.25rem; --radius-md:.5rem; --radius-lg:1rem; --radius-full:9999px;
  /* shadows (with gold glow) */
  --shadow-sm:0 1px 2px 0 rgb(0 0 0/.5);
  --shadow-md:0 4px 6px -1px rgb(0 0 0/.6),0 0 20px rgba(212,175,55,.05);
  --shadow-lg:0 10px 15px -3px rgb(0 0 0/.7),0 0 30px rgba(212,175,55,.1);
  --shadow-xl:0 20px 25px -5px rgb(0 0 0/.8),0 0 40px rgba(212,175,55,.15);
  /* fluid type scale */
  --text-xs:clamp(.75rem,1.5vw,.875rem); --text-sm:clamp(.875rem,2vw,1rem);
  --text-base:clamp(1rem,2.5vw,1.125rem); --text-lg:clamp(1.125rem,3vw,1.25rem);
  --text-xl:clamp(1.25rem,3.5vw,1.5rem); --text-2xl:clamp(1.5rem,4vw,2rem);
  --text-3xl:clamp(2rem,5vw,3rem); --text-4xl:clamp(2.5rem,6vw,4rem);
  /* layout */
  --maxw:1120px; --gap:clamp(1rem,3vw,2rem); --ff:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --ff-mono:"Fira Code",ui-monospace,SFMono-Regular,Menlo,monospace;
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}