:root {
  --color-bg: #f7f8fa;
  --color-surface: #ffffff;
  --color-surface-muted: #eef1f5;
  --color-border: #dde2e8;
  --color-text: #1c2530;
  --color-text-muted: #5b6672;

  --color-primary: #2a5c8a;
  --color-primary-hover: #234b70;
  --color-primary-contrast: #ffffff;

  --color-accent: #e29b4f;

  --color-success-bg: #e6f4ea;
  --color-success-text: #1e6b3c;
  --color-error-bg: #fbeaea;
  --color-error-text: #a33a3a;
  --color-warning-bg: #fdf3e3;
  --color-warning-text: #8a5a12;

  --radius: 10px;
  --shadow: 0 1px 3px rgba(20, 25, 35, 0.08), 0 1px 2px rgba(20, 25, 35, 0.06);
  --font-sans: system-ui, -apple-system, 'Segoe UI', Inter, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --color-bg: #14181f;
    --color-surface: #1c222c;
    --color-surface-muted: #232a35;
    --color-border: #2e3644;
    --color-text: #e8ecf1;
    --color-text-muted: #9aa5b1;

    --color-primary: #5b9bd5;
    --color-primary-hover: #7cb0e0;
    --color-primary-contrast: #0d1520;

    --color-accent: #eab06e;

    --color-success-bg: #17301f;
    --color-success-text: #7fd99a;
    --color-error-bg: #331e1e;
    --color-error-text: #e58a8a;
    --color-warning-bg: #332711;
    --color-warning-text: #e8b95f;

    --shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3);
  }
}

:root[data-theme='dark'] {
  --color-bg: #14181f;
  --color-surface: #1c222c;
  --color-surface-muted: #232a35;
  --color-border: #2e3644;
  --color-text: #e8ecf1;
  --color-text-muted: #9aa5b1;

  --color-primary: #5b9bd5;
  --color-primary-hover: #7cb0e0;
  --color-primary-contrast: #0d1520;

  --color-accent: #eab06e;

  --color-success-bg: #17301f;
  --color-success-text: #7fd99a;
  --color-error-bg: #331e1e;
  --color-error-text: #e58a8a;
  --color-warning-bg: #332711;
  --color-warning-text: #e8b95f;

  --shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3);
}