:root {

    --color-brand-primary: #09C3F2;
    --color-brand-primary-hover: #62DDF9;
    --color-brand-primary-light: #DCF9FF;
    --color-brand-primary-light-hover: #EBFCFF;
    --color-brand-secondary: #002033;
    --color-brand-secondary-hover: #003A57;
    --color-brand-text: #027DA7;
    --color-on-brand: #002033;
    --color-on-secondary: #FFFFFF;

    --bg-default: #FFFFFF;
    --bg-card: #FFFFFF;
    --bg-nav: #FFFFFF;
    --bg-light: #F4F4F5;
    --bg-subtle: #FAFAFA;
    --bg-input: #FFFFFF;
    --bg-input-filled: #E4E4E7;
    --bg-dark: #002033;

    --text-primary: #09090B;
    --text-secondary: #3F3F46;
    --text-muted: #71717A;
    --text-disabled: #A1A1AA;
    --text-inverse: #FFFFFF;

    --border-default: #E4E4E7;
    --border-subtle: #F4F4F5;
    --border-strong: #D4D4D8;
    --border-brand: #09C3F2;

    --color-success: #059669;
    --color-success-bg: #ECFDF5;
    --color-success-border: #A7F3D0;

    --color-error: #DC2626;
    --color-error-bg: #FEF2F2;
    --color-error-border: #FECACA;

    --color-warning: #CA8A04;
    --color-warning-bg: #FEFCE8;
    --color-warning-border: #FEF08A;

    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Consolas, monospace;

    --text-h1-size: 3rem;

    --text-h1-line: 3rem;

    --text-h1-weight: 800;

    --text-h2-size: 1.875rem;

    --text-h2-line: 2.25rem;

    --text-h2-weight: 600;

    --text-h3-size: 1.5rem;

    --text-h3-line: 2rem;

    --text-h3-weight: 600;

    --text-h4-size: 1.25rem;

    --text-h4-line: 1.75rem;

    --text-h4-weight: 600;

    --text-xl-size: 1.25rem;

    --text-xl-line: 1.75rem;

    --text-lg-size: 1.125rem;

    --text-lg-line: 1.75rem;

    --text-base-size: 1rem;

    --text-base-line: 1.5rem;

    --text-sm-size: 0.875rem;

    --text-sm-line: 1.25rem;

    --text-xs-size: 0.75rem;

    --text-xs-line: 1rem;

    --space-4: 0.25rem;

    --space-8: 0.5rem;

    --space-12: 0.75rem;

    --space-16: 1rem;

    --space-20: 1.25rem;

    --space-24: 1.5rem;

    --space-32: 2rem;

    --space-40: 2.5rem;

    --space-48: 3rem;

    --space-64: 4rem;

    --space-80: 5rem;

    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-2xl: 32px;
    --radius-3xl: 40px;
    --radius-full: 400px;

    --btn-height-sm: 36px;
    --btn-height-md: 44px;
    --btn-height-lg: 48px;
    --input-height-md: 44px;
    --nav-height: 68px;
    --container-max: 1360px;

    --shadow-xs: 0 1px 2px rgba(9, 9, 11, 0.04);
    --shadow-sm: 0 4px 12px rgba(9, 9, 11, 0.05);
    --shadow-card: 0 12px 32px -8px rgba(9, 9, 11, 0.06);
    --focus-ring: 0 0 0 3px var(--color-brand-primary-light);
    --transition-fast: 150ms cubic-bezier(0.16, 1, 0.3, 1);
}