:root {
  color-scheme: light;
  --font-family-base: "Calibri", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --color-primary: #085280;
  --color-primary-strong: #0a6ba6;
  --color-accent: #f36f21;
  --color-heading: #4472c4;
  --color-bg: #f4f7fb;
  --color-surface: #ffffff;
  --color-surface-muted: #edf2f7;
  --color-border: #d8e2f0;
  --color-text: #1f2633;
  --color-text-muted: #5c6472;
  --color-on-primary: #ffffff;
  --color-success: #1a8858;
  --color-warning: #b46914;
  --color-error: #c23b23;
  --color-code-bg: #0e1117;
  --color-code-text: #d1e8ff;
  --gradient-header-start: rgba(8, 82, 128, 0.08);
  --gradient-header-end: rgba(243, 111, 33, 0.12);
  --overlay-backdrop: rgba(14, 22, 35, 0.55);
  --tone-primary-soft: rgba(8, 82, 128, 0.1);
  --tag-valid-bg: rgba(26, 136, 88, 0.15);
  --tag-pending-bg: rgba(180, 105, 20, 0.15);
  --tag-error-bg: rgba(194, 59, 35, 0.15);
  --shadow-elevated: 0 10px 30px rgba(8, 82, 128, 0.15);
  --shadow-soft: 0 4px 12px rgba(8, 82, 128, 0.1);
  --radius-base: 18px;
  --radius-pill: 999px;
  --transition-base: 180ms ease;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: var(--font-family-base);
  background: var(--color-bg);
  color: var(--color-text);
  letter-spacing: 0.01em;
}

[data-theme="dark"] {
  color-scheme: dark;
  --color-bg: #0f1723;
  --color-surface: #172236;
  --color-surface-muted: #1f2b42;
  --color-border: #25344d;
  --color-text: #f5f7fb;
  --color-text-muted: #aeb7c7;
  --color-code-bg: #050a12;
  --color-code-text: #e0edff;
  --gradient-header-start: rgba(68, 114, 196, 0.25);
  --gradient-header-end: rgba(243, 111, 33, 0.3);
  --overlay-backdrop: rgba(0, 0, 0, 0.65);
  --tone-primary-soft: rgba(68, 114, 196, 0.25);
  --tag-valid-bg: rgba(26, 136, 88, 0.25);
  --tag-pending-bg: rgba(180, 105, 20, 0.3);
  --tag-error-bg: rgba(194, 59, 35, 0.3);
  --shadow-elevated: 0 10px 30px rgba(4, 12, 24, 0.8);
  --shadow-soft: 0 4px 12px rgba(0, 0, 0, 0.4);
}

@media (prefers-color-scheme: dark) {
  body:not([data-theme="light"]) {
    background: #0f1723;
    color: #f5f7fb;
  }
}