/* SYNVERA — tokens.css
   Single source of identity. style.css reads ONLY var(--token).
   Inherently dark, near-black AI-automation template with an electric-violet
   accent + lime micro-accent. Inspiration DNA only — re-implemented, re-themed. */
:root{
  /* COLOR */
  --bg:#0B0B10;
  --bg-deep:#070709;
  --surface:#131319;
  --surface-2:#1B1B24;
  --ink:#F3F2F8;
  --body:#A8A7B6;
  --muted:#7F7E90;
  --accent:#7C5CFF;        /* electric violet */
  --accent-2:#6A45FF;
  --accent-dim:#9D86FF;
  --accent-ink:#0A0910;
  --lime:#C6F24E;          /* lime micro-accent (stats, status dots) */
  --lime-ink:#0C1102;
  --line:#2A2A37;
  --line-soft:#1B1B23;
  --card:#121218;
  --ok:#4ADE80;

  /* TYPOGRAPHY */
  --font-display:"Space Grotesk",system-ui,sans-serif;
  --font-body:"Inter",system-ui,sans-serif;
  --font-mono:"Space Mono",ui-monospace,monospace;
  --w-reg:400;
  --w-med:500;
  --w-semi:600;
  --w-bold:700;
  --tracking-tight:-0.03em;
  --tracking-label:0.18em;
  --lh-body:1.6;
  --lh-display:1.04;

  /* TYPE SCALE — hard 65px cap wraps every functional heading (R3) */
  --fs-cap:65px;
  --fs-hero:min(clamp(2.3rem,4.6vw + 0.6rem,3.55rem), var(--fs-cap));
  --fs-h2:min(clamp(1.95rem,3.1vw + 0.5rem,2.9rem), var(--fs-cap));
  --fs-h3:min(clamp(1.2rem,1vw + 0.82rem,1.6rem), var(--fs-cap));
  --fs-lead:clamp(1.0625rem,0.4vw + 0.95rem,1.28rem);
  --fs-body:clamp(0.9375rem,0.25vw + 0.875rem,1rem);
  --fs-label:clamp(0.6875rem,0.15vw + 0.66rem,0.75rem);
  /* decorative oversized (aria-hidden only) — footer wordmark */
  --fs-footer-mark:clamp(3.2rem,15vw,12rem);

  /* LAYOUT */
  --maxw:1240px;
  --maxw-narrow:760px;
  --maxw-read:720px;       /* blog / case-study reading column */
  --gutter:25px;
  --section-pad-y:clamp(5rem,10vw,9rem);
  --gap:clamp(1rem,2vw,1.5rem);
  --radius-sm:8px;
  --radius-md:14px;
  --card-radius:20px;
  --radius-pill:200px;

  /* MOTION (baseline reveal + marquee) */
  --ease:cubic-bezier(0.22,1,0.36,1);
  --dur:0.6s;
  --reveal-shift:24px;
  --base-x:-24px;          /* baseline R2: fade from the left */
  --base-delay:.15s;       /* DELAY, not duration */
  --stagger:0.08s;
  --marquee-title:32s;
  --marquee-foot:44s;
  --orbit-dur:26s;

  /* derived overlay / shadow tints (kept as tokens so style.css stays literal-free) */
  --header-bg:rgba(9,9,13,.74);
  --menu-bg:rgba(255,255,255,.04);
  --case-grad:linear-gradient(180deg,rgba(7,7,9,.05),rgba(7,7,9,.88));
  --glow:radial-gradient(120% 80% at 50% -10%,rgba(124,92,255,.18),transparent 60%);
  --glow-side:radial-gradient(80% 90% at 100% 0%,rgba(124,92,255,.16),transparent 60%);
  --mask-edge:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  --grid-line:rgba(255,255,255,.035);
}

/* dark mirror base (no light-mode variant in source) */
.is-dark{
  --bg:#0B0B10; --ink:#F3F2F8; --body:#A8A7B6;
  --line:#2A2A37; --card:#121218;
}