:root {
    --eds-brand-950: #06111e;
    --eds-brand-900: #081626;
    --eds-brand-800: #0b1d33;
    --eds-brand-700: #12304f;

    --eds-teal-700: #06666d;
    --eds-teal-600: #087c84;
    --eds-teal-100: #e6f5f6;
    --eds-teal-50: #f1fafb;

    --eds-cyan-500: #32b8c5;
    --eds-orange-500: #f47a20;
    --eds-orange-100: #fff0e5;

    --eds-text-primary: #101828;
    --eds-text-secondary: #5f6b7a;
    --eds-text-muted: #7b8794;
    --eds-text-inverse: #ffffff;

    --eds-canvas: #f5f7f9;
    --eds-surface: #ffffff;
    --eds-border: #dce3e9;
    --eds-border-strong: #cbd5df;

    --eds-radius-sm: 8px;
    --eds-radius-md: 10px;
    --eds-radius-lg: 16px;
    --eds-radius-xl: 24px;

    --eds-shadow-sm: 0 8px 24px rgba(11, 29, 51, 0.06);
    --eds-shadow-md: 0 24px 64px rgba(6, 17, 30, 0.14);

    --eds-container: 1280px;
    --eds-content: 720px;
    --eds-header-height: 80px;

    --eds-space-1: 4px;
    --eds-space-2: 8px;
    --eds-space-3: 12px;
    --eds-space-4: 16px;
    --eds-space-6: 24px;
    --eds-space-8: 32px;
    --eds-space-12: 48px;
    --eds-space-16: 64px;
    --eds-space-24: 96px;

    --eds-duration-fast: 160ms;
    --eds-duration-standard: 260ms;
    --eds-ease-standard: cubic-bezier(0.2, 0, 0, 1);
}