:root {
  color-scheme: light;
  --bg: #f4f6f7;
  --surface: #ffffff;
  --surface-soft: #edf2f2;
  --text: #1c252b;
  --muted: #607078;
  --border: #d7e0e2;
  --accent: #4f7f7b;
  --accent-soft: #dcebea;
  --risk: #94685f;
  --risk-soft: #f0e1dd;
  --protective: #607a5a;
  --protective-soft: #e1ebdf;
  --neutral: #65717d;
  --neutral-soft: #e8edf1;
  --shadow: 0 6px 20px rgba(37, 52, 61, 0.06);
  --radius: 6px;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #11181c;
  --surface: #182227;
  --surface-soft: #223035;
  --text: #eef4f5;
  --muted: #a2b0b6;
  --border: #314147;
  --accent: #8cb9b5;
  --accent-soft: #1f3939;
  --risk: #d3a197;
  --risk-soft: #3b2827;
  --protective: #a8c7a1;
  --protective-soft: #263729;
  --neutral: #b5c0c7;
  --neutral-soft: #26323a;
  --shadow: 0 6px 20px rgba(0, 0, 0, 0.16);
}