:root {
  color-scheme: light;

  --brand: #2563EB;
  --brand-deep: #1E40AF;
  --accent: #F59E0B;
  --ink: #0F172A;
  --muted: #64748B;
  --line: #E2E8F0;
  --bg: #F8FAFC;
  --panel: #FFFFFF;
  --ok: #16A34A;
  --warn: #D97706;
  --danger: #DC2626;
  --ui-brand: #2563EB;
  --ui-brand-deep: #1E40AF;
  --ui-accent: #F59E0B;
  --ui-ink: #0F172A;
  --ui-muted: #64748B;
  --ui-line: #E2E8F0;
  --ui-bg: #F8FAFC;
  --ui-panel: #FFFFFF;
  --fs-h1: 22px;
  --fs-h2: 17px;
  --fs-body: 14px;
  --fs-sub: 12px;
  --fs-num: 26px;
  --r-card: 12px;
  --r-btn: 8px;
  --r-chip: 999px;
  --shadow-card: 0 2px 12px rgba(15, 23, 42, .06);
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
}