/* Feeder Rater - shared design tokens (light + dark) */

html {
  color-scheme: light dark;
}

:root {
  --text: #0b1220;
  --muted: #3a5278;
  --subtle: #5a72a0;
  --line: #ccd8f0;
  --accent: #2d6a4f;
  --accent-hover: #245a42;
  --accent-light: #e8f5ee;
  --bg: #f4f7ff;
  --surface: #ffffff;
  --max: 48rem;
  --radius: 0.75rem;
  --shadow: 0 18px 52px rgba(0,0,0,0.10), 0 0 0 1px rgba(0,0,0,0.04);
  --font-sans: 'Sora', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --on-accent: #ffffff;
  --elevated: #ffffff;
  --elevated-muted: #f0f4ff;
  --control-bg: #eef2fa;
  --input-bg: #ffffff;
  --backdrop: rgba(0,0,0,0.45);
  --card-shadow: 0 1px 3px rgba(0,0,0,0.07);
  --accent-ring: rgba(45,106,79,0.12);
  --accent-border: rgba(45,106,79,0.28);
  --accent-spinner: rgba(45,106,79,0.25);
  --danger-bg: #ffebe9;
  --danger-text: #cf222e;
  --danger-border: rgba(207,34,46,0.2);
  --danger-solid: #dc2626;
  --success-bg: #dafbe1;
  --success-text: #1a7f37;
  --success-border: rgba(26,127,55,0.2);
  --warning-bg: #fff8e1;
  --warning-text: #856404;
  --warning-border: #ffc107;
  --overlay: rgba(11,18,32,0.5);
  --score-high: #2d7d32;
  --score-mid: #f57c00;
  --score-low: #c62828;
}

@media (prefers-color-scheme: dark) {
  :root {
    --text: #dde5f8;
    --muted: #6888b8;
    --subtle: #4a6090;
    --line: rgba(255,255,255,0.08);
    --accent: #5dbf86;
    --accent-hover: #72c996;
    --accent-light: rgba(93,191,134,0.14);
    --bg: #090d1a;
    --surface: #0f1628;
    --elevated: #151e35;
    --elevated-muted: #0f1628;
    --control-bg: #151e35;
    --input-bg: #0f1628;
    --card-shadow: 0 1px 3px rgba(0,0,0,0.3);
    --accent-ring: rgba(93,191,134,0.15);
    --accent-border: rgba(93,191,134,0.35);
    --accent-spinner: rgba(93,191,134,0.3);
    --danger-bg: #3b1219;
    --danger-text: #f85149;
    --danger-border: rgba(248,81,73,0.25);
    --success-bg: #1a2e1c;
    --success-text: #56d364;
    --success-border: rgba(86,211,100,0.25);
    --warning-bg: #2d2208;
    --warning-text: #d29922;
    --overlay: rgba(0,0,0,0.6);
    --score-high: #66bb6a;
    --score-mid: #ffa726;
    --score-low: #ef5350;
  }
}