/* tokens.css — design tokens. Colors sampled from the preserved master PNG (see Docs/DESIGN_SYSTEM.md).
   Change a color here and every page follows. */
:root{
  /* background levels */
  --bg-0:#020811; --bg-1:#080f1b; --bg-2:#111a2c; --bg-3:#172035;
  /* glass / surfaces */
  --surface-glass:rgba(16,48,76,.58);
  --surface-glass-teal:rgba(29,87,100,.52);
  --surface-pill:rgba(7,19,35,.84);
  --surface-card:rgba(12,28,48,.74);
  --surface-card-hi:rgba(20,44,70,.82);
  /* lines */
  --line-glass:rgba(150,232,250,.58);
  --line-soft:rgba(120,190,230,.26);
  --line-strong:rgba(200,250,255,.9);
  /* accents */
  --accent-cyan:#80c0f2; --accent-cyan-bright:#a2f3ff;
  --accent-violet:#a77af4; --accent-violet-bright:#aaa1ff;
  --accent-teal:#4accbc; --accent-blue:#43b8fa; --accent-indigo:#8872f2;
  --stat-cyan:#6cd7da; --seed-warm:#f6c98a;
  /* branch colors (recolor a branch here) */
  --branch-people:#8fd9ff; --branch-content:#7fe9ff; --branch-business:#6ff0cf;
  --branch-ideas:#b28bff; --branch-tools:#5cc4ff; --root-color:#9fe0ff;
  /* text */
  --text-0:#ffffff; --text-1:#d8e5f6; --text-2:#a9bcd6; --text-3:#7f97b6; --text-trunk:#cdbcff;
  /* truth states — always shown WITH words */
  --state-proven:#5fe3a1; --state-dev:#ffc96b; --state-concept:#c2b0ff;
  /* type */
  --font:"Outfit","Avenir Next","Segoe UI",system-ui,-apple-system,sans-serif;
  --fs-xs:.8125rem; --fs-sm:.9375rem; --fs-md:1.0625rem; --fs-lg:1.25rem; --fs-xl:1.6rem; --fs-2xl:2.25rem; --fs-3xl:clamp(2.4rem,5vw,3.6rem);
  --lh-body:1.6; --lh-tight:1.15; --track-caps:.18em; --track-wide:.34em;
  /* spacing */
  --s-1:.25rem; --s-2:.5rem; --s-3:.75rem; --s-4:1rem; --s-5:1.5rem; --s-6:2rem; --s-7:3rem; --s-8:4.5rem;
  --gutter:clamp(16px,4vw,48px); --measure:42rem;
  /* radii */
  --r-sm:10px; --r-md:16px; --r-lg:24px; --r-pill:999px;
  /* glow intensity categories */
  --glow-subtle:0 0 12px rgba(120,220,255,.16);
  --glow-normal:0 0 18px rgba(120,220,255,.30);
  --glow-active:0 0 28px rgba(160,240,255,.55);
  /* motion categories */
  --dur-fast:180ms; --dur-med:320ms; --dur-slow:600ms; --ease:cubic-bezier(.2,.7,.2,1);
  /* STAGE UNIT: 1 px of the original 1672x941 art. Responsive.css changes it per screen size. */
  --su:calc(min(100vw,1920px) / 1672);
}