/* tokens.css — the only file containing literal design values.
   Every other stylesheet references these. */

:root {
  /* palette — light */
  --ev-ink:      #12141A;
  --ev-paper:    #F7F5F2;
  --ev-accent:   #B4530A;
  --ev-steel:    #5A6472;
  --ev-hairline: #E2DED8;
  --ev-surface:  #FFFFFF;

  /* semantic */
  --ev-success: #2F7D5B;
  --ev-warning: #B4530A;
  --ev-error:   #B3261E;
  --ev-info:    #3A5A7A;

  /* role aliases — components reference these, never the palette directly,
     so dark mode only has to reassign six values */
  --ev-bg:    var(--ev-paper);
  --ev-fg:    var(--ev-ink);
  --ev-muted: var(--ev-steel);
  --ev-rule:  var(--ev-hairline);
  --ev-card:  var(--ev-surface);

  /* spacing — 8px base */
  --ev-s1:  8px;
  --ev-s2: 16px;
  --ev-s3: 24px;
  --ev-s4: 32px;
  --ev-s5: 48px;
  --ev-s6: 64px;
  --ev-s7: 96px;
  --ev-section-y: var(--ev-s7);

  /* type scale */
  --ev-t1: 64px;
  --ev-t2: 44px;
  --ev-t3: 32px;
  --ev-t4: 24px;
  --ev-t5: 20px;
  --ev-t6: 17px;
  --ev-t7: 14px;
  --ev-t8: 12px;

  /* radius */
  --ev-r-sm: 3px;
  --ev-r-md: 4px;
  --ev-r-lg: 6px;

  /* layout */
  --ev-maxw: 1200px;
  --ev-measure: 68ch;

  /* fonts */
  --ev-font-display: 'Cabinet Grotesk', 'Instrument Sans', system-ui, sans-serif;
  --ev-font-body:    'Instrument Sans', system-ui, -apple-system, sans-serif;
  --ev-font-mono:    'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* motion */
  --ev-dur-fast: 150ms;
  --ev-dur-base: 200ms;
  --ev-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

@media (max-width: 767px) {
  :root {
    --ev-section-y: 56px;
    --ev-t1: 40px;
    --ev-t2: 32px;
    --ev-t3: 26px;
  }
}

:root[data-theme="dark"] {
  --ev-accent: #E8812B;
  --ev-bg:     #0C0E12;
  --ev-fg:     #ECEAE6;
  --ev-muted:  #8A93A1;
  --ev-rule:   #232730;
  --ev-card:   #14171D;
}