/* EddyReady.id — Design tokens (Dark Editorial, Corrected)
   Matches DESIGN-SYSTEM.md exactly. No accent-glow token (deliberately
   removed, R-13). --tracking-eyebrow added to formalize a value that was
   previously a raw magic number in the CSS. */

:root {
  /* ---- Surfaces ---- */
  --color-canvas: #0a160c;
  --color-surface: #0E3530;
  --color-surface-alt: #347462;

  /* ---- Brand ---- */
  --color-primary: #a3d5aa;
  --color-accent: #ffb600;

  /* ---- Text ---- */
  --color-text: #ffffff;
  --color-text-muted: #8fa896;
  --color-text-ink: #0a160c;

  /* ---- Borders ---- */
  --color-border: #347462;
  --color-border-strong: #a3d5aa;

  /* ---- Typography ---- */
  --font-display: "Space Grotesk", system-ui, sans-serif;
  --font-mono: "DM Mono", ui-monospace, monospace;

  --size-display-xl: 7rem;    /* 112px, weight 700, line-height 0.92 */
  --size-display-lg: 4.5rem;  /* 72px,  weight 700, line-height 1.0 */
  --size-headline: 2.75rem;   /* 44px,  weight 700, line-height 1.1 */
  --size-label: 1.75rem;      /* 28px,  weight 700, line-height 1.2 */
  --size-body-lg: 1.25rem;    /* 20px,  weight 400, line-height 1.5 */
  --size-body: 1rem;          /* 16px,  weight 400, line-height 1.6 */
  --size-caption: 0.875rem;   /* 14px,  weight 400, line-height 1.5 */

  --tracking-xl: -0.045em;
  --tracking-lg: -0.04em;
  --tracking-md: -0.035em;
  --tracking-sm: -0.025em;
  --tracking-eyebrow: 0.12em; /* positive — tracked OUT, DM Mono labels only */

  --measure-body: 65ch;

  /* ---- Spacing (8px base) ---- */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 40px;
  --space-5: 64px;
  --space-6: 96px;   /* standard section rhythm */
  --space-7: 160px;  /* feature section rhythm */

  /* ---- Radius ---- */
  --radius-card: 2px;
  --radius-tight: 4px;
  --radius-control: 50px;
  --radius-pill: 9999px;

  /* ---- Motion ---- */
  --motion-duration: 0.2s;
  --motion-easing: ease-out;
  --motion-entrance: 0.7s cubic-bezier(0.16, 1, 0.3, 1);

  /* ---- Elevation ---- */
  --shadow-media: 0 24px 60px rgba(0, 0, 0, 0.7);
  --shadow-card: 0 8px 28px rgba(0, 0, 0, 0.25);
  /* no --shadow-accent-glow — deliberately removed, R-13 */

  /* ---- Layout ---- */
  --max-width: 1200px;
  --gutter: 40px;
}