:root {
  color-scheme: light;
  --sdz-color-primary: #2d6a9f;
  --sdz-color-primary-hover: #235780;
  --sdz-color-primary-soft: #e8f1f8;
  --sdz-color-success: #1f6f4f;
  --sdz-color-success-soft: #e5f3ec;
  --sdz-color-danger: #a74740;
  --sdz-color-danger-soft: #f9eae8;
  --sdz-color-error: #c2645c;
  --sdz-color-error-text: #8d302b;
  --sdz-color-error-soft: #fff0ee;
  --sdz-color-warning: #8a6419;
  --sdz-color-warning-soft: #fff4d7;
  --sdz-color-text: #162b3b;
  --sdz-color-text-muted: #577086;
  --sdz-color-heading: #102838;
  --sdz-color-background: #f4f7fa;
  --sdz-color-surface: #ffffff;
  --sdz-color-surface-muted: #edf3f7;
  --sdz-color-border: #ccd9e4;
  --sdz-color-focus: #72b8e8;
  --sdz-color-shadow: rgba(16, 40, 56, 0.12);
  --sdz-radius-sm: 8px;
  --sdz-radius-md: 12px;
  --sdz-radius-lg: 18px;
  --sdz-shadow-card: 0 14px 40px var(--sdz-color-shadow);
  --sdz-container: 1180px;
  --sdz-font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[data-theme="dark"] {
  color-scheme: dark;
  --sdz-color-primary: #67b7e8;
  --sdz-color-primary-hover: #8bc9ee;
  --sdz-color-primary-soft: #19364a;
  --sdz-color-success: #63c79d;
  --sdz-color-success-soft: #173e32;
  --sdz-color-danger: #ef9088;
  --sdz-color-danger-soft: #4b2927;
  --sdz-color-error: #ef9088;
  --sdz-color-error-text: #ffc2bd;
  --sdz-color-error-soft: #4b2927;
  --sdz-color-warning: #e3bc67;
  --sdz-color-warning-soft: #453a22;
  --sdz-color-text: #dce8ef;
  --sdz-color-text-muted: #9fb3c1;
  --sdz-color-heading: #f4f8fb;
  --sdz-color-background: #0e1c27;
  --sdz-color-surface: #162733;
  --sdz-color-surface-muted: #1c303e;
  --sdz-color-border: #304858;
  --sdz-color-focus: #67b7e8;
  --sdz-color-shadow: rgba(0, 0, 0, 0.34);
}