:root {
  --color-bg: #ffffff;
  --color-bg-alt: #f4f6f9;
  --color-surface: #ffffff;
  --color-text: #1b1f27;
  --color-text-muted: #5b6472;
  --color-border: #e3e7ee;

  --color-accent: #478ac9;
  --color-accent-hover: #3573ad;
  --color-accent-contrast: #ffffff;

  --color-success: #2e9e5b;
  --color-success-bg: #e7f6ed;
  --color-error: #d64545;
  --color-error-bg: #fbe9e9;

  --shadow-sm: 0 1px 2px rgba(20, 26, 36, 0.06), 0 1px 1px rgba(20, 26, 36, 0.04);
  --shadow-md: 0 12px 24px -8px rgba(20, 26, 36, 0.18);

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-pill: 999px;

  --font-body: "Open Sans", "Segoe UI", system-ui, sans-serif;
  --font-heading: "Merriweather", Georgia, serif;

  --header-height: 76px;
  color-scheme: light;
}

:root[data-theme="dark"] {
  --color-bg: #11151c;
  --color-bg-alt: #161b24;
  --color-surface: #1b212c;
  --color-text: #eef1f6;
  --color-text-muted: #9aa4b2;
  --color-border: #2a313d;

  --color-accent: #5b9bd8;
  --color-accent-hover: #74aee1;
  --color-accent-contrast: #0b1016;

  --color-success: #4cc485;
  --color-success-bg: #163227;
  --color-error: #e5696f;
  --color-error-bg: #33191b;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 16px 32px -12px rgba(0, 0, 0, 0.55);

  color-scheme: dark;
}