:root {
    /* Colors - Zenith Equity */
    --ze-color-surface: #f8f9ff;
    --ze-color-surface-dim: #cbdbf5;
    --ze-color-surface-bright: #f8f9ff;
    --ze-color-surface-container-lowest: #ffffff;
    --ze-color-surface-container-low: #eff4ff;
    --ze-color-surface-container: #e5eeff;
    --ze-color-surface-container-high: #dce9ff;
    --ze-color-surface-container-highest: #d3e4fe;
    --ze-color-on-surface: #0b1c30;
    --ze-color-on-surface-variant: #45464d;
    --ze-color-inverse-surface: #213145;
    --ze-color-inverse-on-surface: #eaf1ff;
    --ze-color-outline: #76777d;
    --ze-color-outline-variant: #c6c6cd;
    --ze-color-surface-tint: #565e74;
    --ze-color-primary: #000000;
    --ze-color-on-primary: #ffffff;
    --ze-color-primary-container: #131b2e;
    --ze-color-on-primary-container: #7c839b;
    --ze-color-inverse-primary: #bec6e0;
    --ze-color-secondary: #006c49;
    --ze-color-on-secondary: #ffffff;
    --ze-color-secondary-container: #6cf8bb;
    --ze-color-on-secondary-container: #00714d;
    --ze-color-tertiary: #000000;
    --ze-color-on-tertiary: #ffffff;
    --ze-color-tertiary-container: #410006;
    --ze-color-on-tertiary-container: #da5a5b;
    --ze-color-error: #ba1a1a;
    --ze-color-on-error: #ffffff;
    --ze-color-error-container: #ffdad6;
    --ze-color-on-error-container: #93000a;
    --ze-color-primary-fixed: #dae2fd;
    --ze-color-primary-fixed-dim: #bec6e0;
    --ze-color-on-primary-fixed: #131b2e;
    --ze-color-on-primary-fixed-variant: #3f465c;
    --ze-color-secondary-fixed: #6ffbbe;
    --ze-color-secondary-fixed-dim: #4edea3;
    --ze-color-on-secondary-fixed: #002113;
    --ze-color-on-secondary-fixed-variant: #005236;
    --ze-color-tertiary-fixed: #ffdad8;
    --ze-color-tertiary-fixed-dim: #ffb3b0;
    --ze-color-on-tertiary-fixed: #410006;
    --ze-color-on-tertiary-fixed-variant: #881d24;
    --ze-color-background: #f8f9ff;
    --ze-color-on-background: #0b1c30;
    --ze-color-surface-variant: #d3e4fe;

    /* Typography - Display Large */
    --ze-font-display-lg-family: Geist, sans-serif;
    --ze-font-display-lg-size: 48px;
    --ze-font-display-lg-weight: 700;
    --ze-font-display-lg-line-height: 56px;
    --ze-font-display-lg-letter-spacing: -0.02em;

    /* Typography - Display Large Mobile */
    --ze-font-display-lg-mobile-family: Geist, sans-serif;
    --ze-font-display-lg-mobile-size: 32px;
    --ze-font-display-lg-mobile-weight: 700;
    --ze-font-display-lg-mobile-line-height: 40px;
    --ze-font-display-lg-mobile-letter-spacing: -0.02em;

    /* Typography - Headline Medium */
    --ze-font-headline-md-family: Geist, sans-serif;
    --ze-font-headline-md-size: 24px;
    --ze-font-headline-md-weight: 600;
    --ze-font-headline-md-line-height: 32px;
    --ze-font-headline-md-letter-spacing: -0.01em;

    /* Typography - Headline Small */
    --ze-font-headline-sm-family: Geist, sans-serif;
    --ze-font-headline-sm-size: 20px;
    --ze-font-headline-sm-weight: 600;
    --ze-font-headline-sm-line-height: 28px;

    /* Typography - Body Large */
    --ze-font-body-lg-family: Inter, sans-serif;
    --ze-font-body-lg-size: 18px;
    --ze-font-body-lg-weight: 400;
    --ze-font-body-lg-line-height: 28px;

    /* Typography - Body Medium */
    --ze-font-body-md-family: Inter, sans-serif;
    --ze-font-body-md-size: 16px;
    --ze-font-body-md-weight: 400;
    --ze-font-body-md-line-height: 24px;

    /* Typography - Body Small */
    --ze-font-body-sm-family: Inter, sans-serif;
    --ze-font-body-sm-size: 14px;
    --ze-font-body-sm-weight: 400;
    --ze-font-body-sm-line-height: 20px;

    /* Typography - Label Medium */
    --ze-font-label-md-family: Geist, sans-serif;
    --ze-font-label-md-size: 14px;
    --ze-font-label-md-weight: 600;
    --ze-font-label-md-line-height: 16px;
    --ze-font-label-md-letter-spacing: 0.05em;

    /* Typography - Label Small */
    --ze-font-label-sm-family: Geist, sans-serif;
    --ze-font-label-sm-size: 12px;
    --ze-font-label-sm-weight: 500;
    --ze-font-label-sm-line-height: 14px;

    /* Rounded */
    --ze-radius-sm: 0.25rem;
    --ze-radius-default: 0.5rem;
    --ze-radius-md: 0.75rem;
    --ze-radius-lg: 1rem;
    --ze-radius-xl: 1.5rem;
    --ze-radius-full: 9999px;

    /* Spacing */
    --ze-space-unit: 4px;
    --ze-space-xs: 4px;
    --ze-space-sm: 8px;
    --ze-space-md: 16px;
    --ze-space-lg: 24px;
    --ze-space-xl: 32px;
    --ze-space-2xl: 48px;
    --ze-space-3xl: 64px;
    --ze-space-container-max: 1280px;
    --ze-space-gutter: 24px;
    --ze-space-margin-mobile: 16px;
    --ze-space-margin-desktop: 32px;

    /* Elevation & Depth */
    --ze-shadow-level-1: 0px 1px 3px rgba(15, 23, 42, 0.05);
    --ze-shadow-level-2: 0px 10px 15px -3px rgba(15, 23, 42, 0.08);
    --ze-border-default: 1px solid #E2E8F0;
    --ze-overlay-backdrop: rgba(15, 23, 42, 0.4);
}