/* chill.support design tokens, ROUND 3 + loop-3 fixes (2026-10-11). Generated from build3/tokens3.py.
 * No purple: OKLCH hue 280-335 with chroma >= 0.03 is banned (text anti-aliasing exempt).
 * Gold: max one gold accent per viewport; status chips exempt. */
:root{
  --c-bg:#0B1220;
  --c-bg-deep:#070C16;
  --c-surface:#111A2B;
  --c-surface-2:#17233A;
  --c-band-teal:#0B2A2E;
  --c-band-warm:#1A1712;
  --c-card-teal:#0C2328;
  --c-card-warm:#1A1610;
  --c-border:#24324B;
  --c-border-strong:#5B6E8F;
  --c-text:#E8EEF5;
  --c-text-muted:#A6B3C4;
  --c-text-soft:#8291A6;
  --c-text-on-accent:#04121A;
  --c-teal:#2DD4BF;
  --c-teal-hover:#5EEAD4;
  --c-teal-deep:#0F766E;
  --c-cyan:#22D3EE;
  --c-gold:#F4B96B;
  --c-chip-teal-bg:#0F2A2F;
  --c-chip-gold-bg:#2B2416;
  --c-chip-teal-border:#1D5A57;
  --c-chip-gold-border:#5A4627;
  --c-url-text:#99F6E4;
  --c-link:#2DD4BF;
  --c-link-hover:#5EEAD4;
  --c-focus:#67E8F9;
  --c-success:#4ADE80;
  --c-warn:#FB923C;
  /* round 3 additions (were hard-coded strays in r2 site.css, or new) */
  --c-rule-teal:#1C4A4E;      /* hairlines on band-teal / crest hairline between values */
  --c-phone:#05080F;          /* phone bezel behind the Imparted screenshot */
  --c-phone-rim:#2A2418;      /* 1px bezel rim on card-warm */
  --c-cream:#FAF5EF;          /* AbleTap inset panel (AbleTap's surface, not chill's) */
  --c-abletap-ink:#2A211C;    /* AbleTap wordmark ink on cream */
  --c-abletap-ink-2:#4A3A30;  /* AbleTap tagline ink on cream */
  --c-abletap-peach:rgba(249,190,150,.55);  /* peach, unused: the panel glow is --c-abletap-glow */
  --c-abletap-peach-2:rgba(246,170,130,.30);
  --c-abletap-lavender:rgba(169,139,242,.40);  /* #A98BF2 top-left bloom; Chris exception 10/11 7:29 PM — ONLY inside .cream-panel */
  --c-abletap-glow:rgba(248,180,140,.45);  /* peach glow behind the italic word */
  --c-abletap-accent:#B4532A;  /* AbleTap italic accent: 4.6:1 on cream, 3.71:1 over the glow peak (large text) */
  --c-glow-teal:rgba(14,58,63,.55);  /* hero ambient light */
  --c-glow-gold:rgba(244,185,107,.05); /* sits behind the embers: same gold accent, under 6% alpha */
  --c-glow-warm:rgba(244,185,107,.06); /* values band glow, top-left behind the H2 (loop 3) */
  --c-error:#F87171;
  /* type: Fraunces SOFT 100 / opsz 144 / wght 500, italic 520 for emphasis (chill) vs Fraunces sharp 600 roman (AbleTap panel only) + Atkinson Hyperlegible v1 body */
  --f-display:'Fraunces',ui-serif,Georgia,'Times New Roman',serif;
  --f-body:'Atkinson Hyperlegible',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --t-display:clamp(2.9rem,7.4vw,6.75rem);   /* 46 -> 108px (95 at 1280), wght 500, opsz 144, lh 1.0 */
  --t-story:clamp(2.5rem,3.9vw,3.5rem);       /* 40 -> 56px, wght 500, opsz 144, lh 1.15 */
  --t-h2:clamp(2rem,4vw,3.25rem);             /* 32 -> 52px, wght 500, opsz 144, lh 1.05 */
  --t-h3:clamp(1.5rem,2.2vw,1.875rem);        /* 24 -> 30px, wght 600 */
  --t-email:clamp(2.125rem,5.4vw,4rem);       /* 34 -> 64px, contact display email */
  --t-lede:clamp(1.1875rem,1.7vw,1.375rem);   /* 19 -> 22px */
  --t-body:1.125rem; --t-small:0.9375rem; --t-kicker:0.9375rem;
  --s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;
  --pad-sec:clamp(72px,8vw,104px);
  --r-sm:8px;--r-md:12px;--r-lg:22px;
  --w-max:1200px;--gutter:clamp(20px,5vw,40px);
  --ease-out:cubic-bezier(.22,1,.36,1);--d-fast:160ms;--d-base:240ms;--d-enter:640ms;
}