:root {
  --md-primary: #004ac6;
  --md-on-primary: #ffffff;
  --md-primary-container: #dbe1ff;
  --md-on-primary-container: #00174b;
  --md-secondary: #004ac6;
  --md-on-secondary: #ffffff;
  --md-secondary-container: #dbe1ff;
  --md-on-secondary-container: #00174b;
  --md-tertiary: #56545a;
  --md-on-tertiary: #ffffff;
  --md-tertiary-container: #e5e1e8;
  --md-on-tertiary-container: #1c1b20;
  --md-error: #ba1a1a;
  --md-on-error: #ffffff;
  --md-error-container: #ffdad6;
  --md-on-error-container: #93000a;
  --md-background: #f5f6f8;
  --md-on-background: #0b1c30;
  --md-surface: #f5f6f8;
  --md-on-surface: #0b1c30;
  --md-surface-variant: #e8eaed;
  --md-on-surface-variant: #434655;
  --md-outline: #737686;
  --md-outline-variant: #d8dade;
  --md-surface-container-lowest: #ffffff;
  --md-surface-container-low: #f1f3f6;
  --md-surface-container: #eceef1;
  --md-surface-container-high: #e6e8eb;
  --md-surface-container-highest: #e1e3e6;
  --md-inverse-surface: #213145;
  --md-inverse-on-surface: #eaf1ff;
  --md-inverse-primary: #b4c5ff;
  --md-radius-sm: 4px;
  --md-radius: 8px;
  --md-radius-md: 12px;
  --md-radius-lg: 16px;
  --md-radius-xl: 24px;
  --md-radius-full: 9999px;
  --md-elevation-1: 0 1px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03);
  --md-elevation-2: 0 4px 12px rgba(0, 0, 0, 0.08);
  --md-font: "Poppins", "Segoe UI", system-ui, -apple-system, sans-serif;
  --md-transition: 160ms cubic-bezier(0.2, 0, 0, 1);
  --cs-ink: var(--md-on-surface);
  --cs-muted: var(--md-on-surface-variant);
  --cs-subtle: #737686;
  --cs-border: var(--md-outline-variant);
  --cs-border-strong: var(--md-outline);
  --cs-surface: var(--md-surface-container-lowest);
  --cs-surface-soft: var(--md-surface-container-low);
  --cs-surface-raised: var(--md-surface-container-lowest);
  --cs-canvas: var(--md-background);
  --cs-primary: var(--md-primary);
  --cs-primary-strong: #003a9b;
  --cs-primary-soft: var(--md-primary-container);
  --cs-accent: #157a4e;
  --cs-accent-soft: #d8f8e7;
  --cs-danger: var(--md-error);
  --cs-danger-soft: var(--md-error-container);
  --cs-warning: #8a4b00;
  --cs-warning-soft: #ffddb5;
  --cs-dark: var(--md-surface-container-lowest);
  --cs-dark-raised: var(--md-surface-container-low);
  --cs-radius-sm: var(--md-radius);
  --cs-radius: var(--md-radius-md);
  --cs-radius-lg: var(--md-radius-lg);
  --cs-radius-xl: var(--md-radius-xl);
  --cs-shadow-sm: var(--md-elevation-1);
  --cs-shadow: var(--md-elevation-1);
  --cs-shadow-lg: var(--md-elevation-2);
  --cs-topbar: 64px;
  --cs-mobile-nav: 72px;
  --cs-library-width: 296px;
  --cs-right-width: 390px;
  --cs-ease: cubic-bezier(0.2, 0, 0, 1);
}

[data-theme="dark"] {
  --md-primary: #b4c5ff;
  --md-on-primary: #002d78;
  --md-primary-container: #003ea8;
  --md-on-primary-container: #dbe1ff;
  --md-secondary: #b4c5ff;
  --md-on-secondary: #002d78;
  --md-secondary-container: #003ea8;
  --md-on-secondary-container: #dbe1ff;
  --md-error: #ffb4ab;
  --md-on-error: #690005;
  --md-error-container: #93000a;
  --md-on-error-container: #ffdad6;
  --md-background: #0b1c30;
  --md-on-background: #e5eeff;
  --md-surface: #0b1c30;
  --md-on-surface: #e5eeff;
  --md-surface-variant: #434655;
  --md-on-surface-variant: #c3c6d7;
  --md-outline: #8d90a1;
  --md-outline-variant: #434655;
  --md-surface-container-lowest: #060f1b;
  --md-surface-container-low: #131b2e;
  --md-surface-container: #1a2133;
  --md-surface-container-high: #252b3e;
  --md-surface-container-highest: #30364a;
  --md-inverse-surface: #e5eeff;
  --md-inverse-on-surface: #0b1c30;
  --md-inverse-primary: #2563eb;
  --cs-primary-strong: #dbe1ff;
  --cs-accent: #75d6a6;
  --cs-accent-soft: #0f4b32;
  --cs-warning: #ffb95f;
  --cs-warning-soft: #5a3100;
}