/* WinterWork's tokens (D-289): the palette, light then dark (every pair used is WCAG AA, D-006),
   the display face and the hero wash. base.css holds everything else. The same values as the
   app's palette for this brand (src/constants/theme.ts). */
:root {
  color-scheme: light dark;
  --accent: #1f5fa8;
  --accent-strong: #174a85;
  --accent-soft: #e7f0fa;
  --background: #f5f8fb;
  --card: #ffffff;
  --surface: #ebf0f5;
  --raised: #ffffff;
  --text: #0f1b2a;
  --muted: #56626f;
  --subtle: #7f8a96;
  --border: #dde4eb;
  --danger: #b91c1c;
  --danger-soft: #fee2e2;
  --warning: #92400e;
  --warning-soft: #fef3c7;
  --on-accent: #ffffff;
  --nav-bg: rgba(245, 248, 251, 0.88);
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --display-weight: 800;
  --display-tracking: -0.035em;
  --em-style: normal;
  --hero-wash: linear-gradient(180deg, var(--accent-soft) 0%, var(--background) 100%);
}

@media (prefers-color-scheme: dark) {
  :root {
    --accent: #6faef0;
    --accent-strong: #a8d0f8;
    --accent-soft: #132b45;
    --background: #0b111a;
    --card: #141c27;
    --surface: #1e2733;
    --raised: #364252;
    --text: #eaf0f6;
    --muted: #9facba;
    --subtle: #6e7b8a;
    --border: #26313e;
    --danger: #f87171;
    --danger-soft: #3d1b1b;
    --warning: #f2b65a;
    --warning-soft: #3a2a12;
    --on-accent: #06172b;
    --nav-bg: rgba(11, 17, 26, 0.88);
  }
}