:root {
  color-scheme: dark;
  --bg: #071a33;
  --bg-soft: #0a2442;
  --surface: rgba(13, 36, 66, 0.82);
  --surface-strong: rgba(20, 56, 98, 0.92);
  --surface-soft: rgba(255, 255, 255, 0.07);
  --surface-muted: rgba(255, 255, 255, 0.045);
  --ink: #f7fbff;
  --ink-soft: #c9d9ed;
  --muted: #91a9c6;
  --line: rgba(194, 220, 255, 0.18);
  --line-strong: rgba(194, 220, 255, 0.34);
  --brand: #4c9bff;
  --brand-strong: #1d6ef2;
  --brand-soft: #d9ebff;
  --school-red: #e3263a;
  --school-yellow: #f3cb3d;
  --ok: #3ddc97;
  --warn: #f2b84b;
  --error: #ff4f64;
  --violet: #9a89ff;
  --paper: #f7fbff;
  --paper-ink: #101827;
  --shadow-soft: 0 18px 48px rgba(0, 0, 0, 0.25);
  --shadow-panel: 0 24px 70px rgba(0, 0, 0, 0.34);
  --shadow-lifted: 0 28px 70px rgba(0, 0, 0, 0.30);
  --radius: 8px;
  --radius-sm: 6px;
  --focus: 0 0 0 3px rgba(76, 155, 255, 0.34);
  --motion-standard: cubic-bezier(0.22, 0.25, 0, 1);
  --motion-emphasis: cubic-bezier(0.16, 1, 0.3, 1);
  --motion-quick: 160ms var(--motion-standard);
  --motion-smooth: 420ms var(--motion-emphasis);
  --font: Arial, Helvetica, sans-serif;
}

body[data-theme="claro"] {
  color-scheme: light;
  --bg: #eef6ff;
  --bg-soft: #dcebfb;
  --surface: rgba(255, 255, 255, 0.90);
  --surface-strong: #ffffff;
  --surface-soft: rgba(16, 79, 145, 0.06);
  --surface-muted: rgba(16, 79, 145, 0.04);
  --ink: #10243e;
  --ink-soft: #35516f;
  --muted: #617892;
  --line: rgba(35, 84, 140, 0.18);
  --line-strong: rgba(35, 84, 140, 0.34);
  --brand: #1269d3;
  --brand-strong: #004ea8;
  --brand-soft: #dceeff;
  --shadow-soft: 0 18px 44px rgba(30, 77, 128, 0.12);
  --shadow-panel: 0 24px 70px rgba(30, 77, 128, 0.16);
  --shadow-lifted: 0 30px 72px rgba(30, 77, 128, 0.22);
}

body[data-theme="mono"] {
  color-scheme: dark;
  --bg: #08090d;
  --bg-soft: #15171d;
  --surface: rgba(30, 32, 38, 0.88);
  --surface-strong: rgba(42, 44, 52, 0.94);
  --surface-soft: rgba(255, 255, 255, 0.075);
  --surface-muted: rgba(255, 255, 255, 0.045);
  --ink: #fafafa;
  --ink-soft: #d2d5dc;
  --muted: #9ca3af;
  --line: rgba(255, 255, 255, 0.16);
  --line-strong: rgba(255, 255, 255, 0.28);
  --brand: #d8dce6;
  --brand-strong: #9aa2b1;
  --brand-soft: #eef0f4;
}