:root {
    /* Colors - Surface */
    --surface: #f8f9fc;
    --surface-dim: #d9dadd;
    --surface-bright: #f8f9fc;
    --surface-container-lowest: #ffffff;
    --surface-container-low: #f2f3f6;
    --surface-container: #edeef1;
    --surface-container-high: #e7e8eb;
    --surface-container-highest: #e1e2e5;
    --on-surface: #191c1e;
    --on-surface-variant: #4b4450;
    --inverse-surface: #2e3133;
    --inverse-on-surface: #f0f1f4;
    --outline: #7c7481;
    --outline-variant: #cdc3d1;
    --surface-tint: #754b9e;

    /* Colors - Primary */
    --primary: #32015b;
    --on-primary: #ffffff;
    --primary-container: #491f71;
    --on-primary-container: #b88be3;
    --inverse-primary: #ddb8ff;

    /* Colors - Secondary */
    --secondary: #006492;
    --on-secondary: #ffffff;
    --secondary-container: #3eb7fd;
    --on-secondary-container: #004667;

    /* Colors - Tertiary */
    --tertiary: #221d2f;
    --on-tertiary: #ffffff;
    --tertiary-container: #383245;
    --on-tertiary-container: #a29ab1;

    /* Colors - Error */
    --error: #ba1a1a;
    --on-error: #ffffff;
    --error-container: #ffdad6;
    --on-error-container: #93000a;

    /* Colors - Fixed */
    --primary-fixed: #f0dbff;
    --primary-fixed-dim: #ddb8ff;
    --on-primary-fixed: #2c0051;
    --on-primary-fixed-variant: #5c3284;
    --secondary-fixed: #c9e6ff;
    --secondary-fixed-dim: #8aceff;
    --on-secondary-fixed: #001e2f;
    --on-secondary-fixed-variant: #004b6f;
    --tertiary-fixed: #e8def8;
    --tertiary-fixed-dim: #cbc2db;
    --on-tertiary-fixed: #1e192b;
    --on-tertiary-fixed-variant: #4a4458;

    /* Backgrounds */
    --background: #f8f9fc;
    --on-background: #191c1e;
    --surface-variant: #e1e2e5;

    /* Glassmorphism Defaults */
    --glass-white: rgba(255, 255, 255, 0.65);
    --glass-border: rgba(255, 255, 255, 0.3);
    --glass-blur: 20px;

    /* Typography - Display */
    --font-family: 'Plus Jakarta Sans', sans-serif;
    --display-lg-size: 48px;
    --display-lg-weight: 700;
    --display-lg-lh: 1.1;
    --display-lg-ls: -0.02em;

    /* Typography - Headline */
    --headline-lg-size: 32px;
    --headline-lg-weight: 600;
    --headline-lg-lh: 1.2;
    --headline-md-size: 24px;
    --headline-md-weight: 600;
    --headline-md-lh: 1.3;

    /* Typography - Body */
    --body-lg-size: 18px;
    --body-lg-weight: 400;
    --body-lg-lh: 1.6;
    --body-md-size: 16px;
    --body-md-weight: 400;
    --body-md-lh: 1.6;

    /* Typography - Label */
    --label-md-size: 14px;
    --label-md-weight: 500;
    --label-md-lh: 1.4;
    --label-md-ls: 0.01em;
    --label-sm-size: 12px;
    --label-sm-weight: 600;
    --label-sm-lh: 1.2;

    /* Border Radius */
    --rounded-sm: 0.25rem;
    --rounded-default: 0.5rem;
    --rounded-md: 0.75rem;
    --rounded-lg: 1rem;
    --rounded-xl: 1.5rem;
    --rounded-2xl: 2rem; /* As specified for cards */
    --rounded-full: 9999px;

    /* Spacing */
    --spacing-unit: 4px;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 40px;
    --spacing-gutter: 24px;
    --spacing-margin: 32px;
    --spacing-section: 96px;
    --max-width: 1440px;
}