/* ============================================================
   AFTERHOURS AUTOMATION — DESIGN TOKENS
   Acid Editorial visual system — locked June 2026
   ============================================================ */

:root {
  /* ── Colors ── */
  --ink:          #06060B;   /* Primary background. Near-black, faintly blue. */
  --blue: #5900FF;   /* Electric Blue — the brand color. */
  --red:          #FF3115;   /* Acid Red — alarm/CTA only. Never dominant. */
  --orange: #FF6600;   /* Burnt Orange — warm bridge. Use sparingly. */
  --paper:        #ECE9E0;   /* Primary text on dark. Warm off-white. */
  --muted:        #8A8FA8;   /* Cool gray — labels, captions. */
  --body-muted:   #B8BBD0;   /* Body text on dark. */

  /* ── Typography ── */
  --font-display: 'Anton', 'Impact', sans-serif;
  --font-body:    'Space Grotesk', 'Helvetica Neue', sans-serif;
  --font-mono:    'Space Mono', 'Courier New', monospace;

  /* ── Spacing scale ── */
  --s1:  0.25rem;   /*  4px */
  --s2:  0.5rem;    /*  8px */
  --s3:  0.75rem;   /* 12px */
  --s4:  1rem;      /* 16px */
  --s5:  1.5rem;    /* 24px */
  --s6:  2rem;      /* 32px */
  --s7:  3rem;      /* 48px */
  --s8:  4rem;      /* 64px */
  --s9:  6rem;      /* 96px */
  --s10: 8rem;      /* 128px */

  /* ── Type scale ── */
  --text-xs:    0.6875rem; /* 11px — micro labels */
  --text-sm:    0.8125rem; /* 13px — captions */
  --text-base:  1rem;      /* 16px */
  --text-md:    1.125rem;  /* 18px */
  --text-lg:    1.375rem;  /* 22px */
  --text-xl:    1.75rem;   /* 28px */
  --text-2xl:   2.5rem;    /* 40px */
  --text-3xl:   clamp(3rem, 6vw, 5rem);
  --text-hero:  clamp(4.5rem, 13vw, 10rem);

  /* ── Borders ── */
  --rule:        1px solid rgba(236,233,224,0.18);
  --rule-blue:   1px solid rgba(89,0,255,0.35);
  --rule-strong: 1px solid rgba(236,233,224,0.40);

  /* ── Transitions ── */
  --ease: cubic-bezier(0.16,1,0.3,1);
  --t-fast: 150ms;
  --t-mid:  250ms;
  --t-slow: 400ms;

  /* ── Layout ── */
  --max-w: 1200px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
}