:root {
    --surface: #f8f9ff;
    --surface-dim: #d0dbed;
    --surface-bright: #f8f9ff;
    --surface-container-lowest: #ffffff;
    --surface-container-low: #eff4ff;
    --surface-container: #e6eeff;
    --surface-container-high: #dee9fc;
    --surface-container-highest: #d9e3f6;
    --on-surface: #121c2a;
    --on-surface-variant: #454651;
    --inverse-surface: #27313f;
    --inverse-on-surface: #eaf1ff;
    --outline: #767682;
    --outline-variant: #c6c5d3;
    --surface-tint: #4b57aa;
    --primary: #142175;
    --on-primary: #ffffff;
    --primary-container: #2e3a8c;
    --on-primary-container: #9ea9ff;
    --inverse-primary: #bcc3ff;
    --secondary: #4f5f73;
    --on-secondary: #ffffff;
    --secondary-container: #e5eaf2;
    --on-secondary-container: #344054;
    --tertiary: #412600;
    --on-tertiary: #ffffff;
    --tertiary-container: #5f3a00;
    --on-tertiary-container: #f29c06;
    --error: #ba1a1a;
    --on-error: #ffffff;
    --error-container: #ffdad6;
    --on-error-container: #93000a;
    --background: #f8f9ff;
    --on-background: #121c2a;
    --surface-variant: #d9e3f6;
    --font-family: "Plus Jakarta Sans", system-ui, sans-serif;
    --radius-sm: 0.2rem;
    --radius: 0.4rem;
    --radius-md: 0.6rem;
    --radius-lg: 0.8rem;
    --radius-xl: 1.2rem;
    --space-xs: 3.2px;
    --space-sm: 9.6px;
    --space-md: 19.2px;
    --space-lg: 32px;
    --space-xl: 51.2px;
    --container-max: 1024px;
    --shadow-level-1: 0 1.6px 6.4px rgba(20, 33, 117, 0.12);
    --shadow-level-2: 0 8px 19.2px rgba(20, 33, 117, 0.16);
}