:root {
  color-scheme: light;
  --color-brand: #0A0F2C;
  --color-brand-text: #F8FAFC;
  --color-brand-muted: #94A3B8;
  --color-highlight: #60A5FA;
  --color-bg: #F8FAFC;
  --color-surface: #FFFFFF;
  --color-surface-raised: #F1F5F9;
  --color-primary: #0A0F2C;
  --color-action: #2563EB;
  --color-action-hover: #1D4ED8;
  --color-action-text: #FFFFFF;
  --color-text-primary: #0F172A;
  --color-text-secondary: #64748B;
  --color-border: #E2E8F0;
  --color-success: #16A34A;
  --color-success-bg: #F0FDF4;
  --color-success-text: #166534;
  --color-success-border: #BBF7D0;
  --color-warning: #F59E0B;
  --color-warning-bg: #FFFBEB;
  --color-warning-text: #92400E;
  --color-warning-border: #FDE68A;
  --color-danger: #DC2626;
  --color-danger-button-text: #FFFFFF;
  --color-danger-hover: #B91C1C;
  --color-danger-bg: #FEF2F2;
  --color-danger-text: #991B1B;
  --color-danger-border: #FECACA;
  --color-info: #0EA5E9;
  --color-info-bg: #EFF6FF;
  --color-info-text: #1D4ED8;
  --color-info-border: #BFDBFE;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 3px rgb(15 23 42 / 4%);
  --shadow-md: 0 12px 32px rgb(15 23 42 / 10%);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-size-xs: .75rem;
  --font-size-sm: .875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.75rem;
  --font-size-2xl: 2rem;
  --sidebar-width: 248px;
  --header-height: 80px;
  --content-width: 1440px;
  --form-width: 520px;
  --control-height: 44px;
  --focus-ring: 0 0 0 3px var(--color-info-border);
}
[data-theme="dark"] {
  color-scheme: dark;
  --color-bg: #070B1F;
  --color-surface: #0A0F2C;
  --color-surface-raised: #111936;
  --color-primary: #60A5FA;
  --color-action: #3B82F6;
  --color-action-hover: #60A5FA;
  --color-action-text: #070B1F;
  --color-text-primary: #F8FAFC;
  --color-text-secondary: #94A3B8;
  --color-border: #1E293B;
  --color-success-bg: #0D261E;
  --color-success-text: #86EFAC;
  --color-success-border: #1A4836;
  --color-warning-bg: #292313;
  --color-warning-text: #FCD34D;
  --color-warning-border: #504024;
  --color-danger-bg: #2E1522;
  --color-danger-text: #FCA5A5;
  --color-danger-border: #592535;
  --color-info-bg: #112247;
  --color-info-text: #93C5FD;
  --color-info-border: #25457A;
  --shadow-sm: 0 1px 3px rgb(0 0 0 / 12%);
  --shadow-md: 0 12px 32px rgb(0 0 0 / 24%);
}