/* Design tokens — copia 1:1 de DESIGN.md §6. No agregar nada que no esté ahí. */
:root{
  --c-void:#000;--c-canvas:#171721;--c-card:#1e1e2a;--c-card-2:#272735;
  --c-line:rgba(237,237,243,.10);--c-line-strong:#70707d;
  --c-text:#ededf3;--c-text-2:#c3c3cc;--c-text-3:#9a9a9a;--c-display:#fff;
  --c-primary:#8052ff;--c-primary-hover:#6d3dff;--c-accent:#ffb829;--c-verdant:#15846e;
  --f-display:"Geist","Inter",system-ui,sans-serif;
  --f-body:"Inter",system-ui,sans-serif;
  --f-mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,monospace;
  --c-svc-line:rgba(255,255,255,.12);--c-svc-line-hi:rgba(255,255,255,.5);--svc-glow:0 0 60px rgba(255,255,255,.08);--r-svc:18px;
  --t-fast:160ms;--t-base:320ms;--t-slow:700ms;--t-hero:1200ms;--ease-out:cubic-bezier(.16,1,.3,1);--ease-inout:cubic-bezier(.65,0,.35,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);
  --t-display:clamp(48px,8.5vw,113px);--t-h1:clamp(40px,6vw,78px);--t-h2:clamp(32px,4vw,48px);
  --t-h3:clamp(22px,2vw,28px);--t-body-lg:clamp(18px,1.4vw,20px);--t-body:16px;--t-eyebrow:13px;
  --tr-display:-0.04em;--tr-h2:-0.035em;--tr-eyebrow:0.06em;
  --s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-6:24px;--s-8:32px;--s-10:40px;--s-14:56px;--s-18:72px;--s-24:96px;--s-30:120px;
  --section-y:clamp(72px,10vw,120px);--container:1200px;--container-hero:1280px;--gutter:clamp(20px,4vw,40px);
  --r-card:12px;--r-pill:9999px;
  --focus:0 0 0 3px rgba(128,82,255,.35);
  --ease:cubic-bezier(.2,.7,.2,1);--dur:240ms;
}