/* triarc-design tokens. The single source: every other output is generated from this file.
   Edit values here, then run `node scripts/build.mjs`.
   Every text color passes WCAG AA (4.5:1) on the backgrounds it is used on. Keep it that way. */

:root {
  /* Surfaces */
  --bg:             #E9EDF0;
  --surface:        #FFFFFF;
  --surface-sunken: #EEF2F6;
  --border:         #D4DDE6;
  --border-strong:  #B6C9DE;

  /* Text */
  --text:           #1F252B;
  --text-muted:     #2B3745;
  --text-faint:     #626C79;  /* 0.2.0: was #778391, darkened to pass 4.5:1 on --bg */

  /* Accent */
  --accent:         #0080D8;
  --accent-soft:    #DCE9F8;
  --accent-deep:    #0054E0;
  --hl:             #FFE9B8;

  /* Status. Map every app-specific state onto one of these five. */
  --ok:             #007777;  /* 0.2.0: was #008686, for 4.5:1 on --ok-bg */
  --ok-bg:          #D6F1F1;
  --warn:           #C0400C;  /* 0.2.0: was #C2410C, for 4.5:1 on --warn-bg */
  --warn-bg:        #FEEBD9;
  --error:          #B91C1C;
  --error-bg:       #FEE2E2;
  --info:           #0054E0;
  --info-bg:        #DCE4FB;
  --neutral:        #475569;
  --neutral-bg:     #E9EDF0;

  /* Type. Halis Grotesque is used where installed or self-hosted, DM Sans is the loaded default,
     and Segoe UI covers Windows when neither loads. */
  --font-sans:      'Halis Grotesque', 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-serif:     'PT Serif', Georgia, serif;
  --font-mono:      'Geist Mono', ui-monospace, monospace;

  /* Shape */
  --radius-card:    10px;
  --radius-ctl:     6px;
  --radius-pill:    999px;
  --shadow-hover:   0 4px 12px -4px rgba(15, 23, 42, 0.08);
  --shadow-menu:    0 8px 24px -6px rgba(15, 23, 42, 0.18);
  --shadow-modal:   0 24px 48px -12px rgba(15, 23, 42, 0.32);
  --focus-ring:     0 0 0 3px rgba(0, 128, 216, 0.30);
  --ease:           0.15s ease;

  /* Layout */
  --wrap-max:       1400px;
  --card-min:       280px;
}