/* AnyaLabs — design tokens. Every visual value lives here.
   A new theme is one new [data-theme] block; nothing else changes. */

/* ═══════════════════════════════════════════════════════════
   TOKENS — every visual value lives here.
   A new theme = one new [data-theme] block. Nothing else changes.
   ═══════════════════════════════════════════════════════════ */
:root{
  /* type */
  --font-display:'Archivo',system-ui,sans-serif;
  --font-body:'IBM Plex Sans',system-ui,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,monospace;

  --fs-hero:clamp(2.3rem,4.6vw,3.6rem);
  --fs-h2:clamp(1.5rem,2.4vw,2rem);
  --fs-h3:1.125rem;
  --fs-body:1rem;
  --fs-sm:.875rem;
  --fs-mono:.75rem;
  --fs-mono-xs:.6875rem;

  --lh-tight:1.04; --lh-snug:1.3; --lh-body:1.62;
  --tr-tight:-.035em; --tr-wide:.1em; --tr-wider:.18em;

  /* space — 8px base */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px;
  --s6:24px; --s8:32px; --s10:40px; --s12:48px; --s16:64px; --s20:80px;
  --section-y:clamp(56px,8vw,96px);
  --gutter:clamp(20px,4vw,40px);
  --maxw:1240px;

  /* form */
  --radius:6px; --radius-lg:8px; --border:1px;

  /* motion */
  --dur-fast:.16s; --dur:.22s; --ease:cubic-bezier(.4,0,.2,1);
}

[data-theme="dark"]{
  --ink:#0B0E11;
  --surface:#12171C;
  --surface-2:#161C22;
  --line:#1E262E;
  --line-strong:#2A353F;
  --text:#E4E9ED;
  --muted:#7E8B96;
  --signal:#2DD4BF;
  --signal-soft:rgba(45,212,191,.14);
  --signal-ink:#052622;
  --amber:#E0A83D;
  --planned:#6E9BD1;
  --pet-accent:#2DD4BF;
  --viz-rgb:45,212,191;
  --viz-line:.13;
  --shadow:0 1px 2px rgba(0,0,0,.4);
  color-scheme:dark;
}

[data-theme="light"]{
  --ink:#F6F7F6;
  --surface:#FFFFFF;
  --surface-2:#FAFBFA;
  --line:#E3E7E5;
  --line-strong:#CDD5D2;
  --text:#12171C;
  --muted:#5D6A6B;
  --signal:#0D9488;
  --signal-soft:rgba(13,148,136,.10);
  --signal-ink:#FFFFFF;
  --amber:#A96A0B;
  --planned:#2F5B8A;
  --pet-accent:#0D9488;
  --viz-rgb:13,148,136;
  --viz-line:.22;
  --shadow:0 1px 3px rgba(18,23,28,.07);
  color-scheme:light;
}