:root {
    /* Background Colors */
    --color-bg-primary: #10100E;
    --color-bg-secondary: #10100E;
    --color-bg-tertiary: #0F0F10;
    --color-bg-card: #0F0F10;
    --color-bg-card-alt: #191919;
    --color-bg-card-gradient: linear-gradient(156.82deg, #191919 -35.47%, #121212 112.86%);

    /* Border Colors */
    --color-border-primary: #2F2F32;
    --color-border-secondary: #202020;
    --color-border-tertiary: #424550;
    --color-border-muted: #4D4F45;
    --color-border-dashed: #3F3F3F;

    /* Accent Colors */
    --color-accent-primary: #CDF850;
    --color-accent-secondary: #D7FF1F;
    --color-accent-text: #3B3D36;

    /* Text Colors */
    --color-text-primary: #FFFFFF;
    --color-text-secondary: #FEFFFC;
    --color-text-tertiary: #FBFCF7;
    --color-text-muted: #9B9F8E;
    --color-text-muted-alt: #777A6C;
    --color-text-disabled: #4D4F45;
    --color-text-dark: #171816;
    --color-text-dark-alt: #3B3D36;
    --color-text-light: #DBE0CC;
    --color-text-light-alt: #ADB29D;

    /* Logo Gradient Colors */
    --color-logo-1: #0000FF;
    --color-logo-2: #004CFF;
    --color-logo-3: #008CFF;
    --color-logo-4: #00D4FF;
    --color-logo-5: #16FFE1;
    --color-logo-6: #3CFFBA;
    --color-logo-7: #60FF97;
    --color-logo-8: #8DFF6A;
    --color-logo-9: #94FF63;
    --color-logo-10: #CAFF2C;
    --color-logo-11: #FFE200;
    --color-logo-12: #FFA300;
    --color-logo-13: #FF6C00;
    --color-logo-14: #FF3000;
    --color-logo-15: #DF0000;
    --color-logo-16: #AD0000;

    /* Gradients */
    --gradient-headline: linear-gradient(244.79deg, #FCFDFB 31.54%, #777A6F 178.83%);
    --gradient-section-bg: linear-gradient(180deg, rgba(155, 159, 142, 0.08) 0%, rgba(0, 0, 0, 0) 100%);

    /* Typography - Font Families */
    --font-primary: 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-secondary: 'Roobert', 'Rubik', sans-serif;

    /* Typography - Font Sizes */
    --text-xs: 12px;
    --text-sm: 14px;
    --text-base: 16px;
    --text-lg: 20px;
    --text-xl: 24px;
    --text-2xl: 32px;
    --text-3xl: 52px;

    /* Typography - Line Heights */
    --leading-xs: 12px;
    --leading-sm: 18px;
    --leading-base: 20px;
    --leading-lg: 24px;
    --leading-xl: 28px;
    --leading-2xl: 36px;
    --leading-3xl: 60px;
    --leading-relaxed: 22px;

    /* Typography - Font Weights */
    --font-light: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-bold: 700;

    /* Typography - Letter Spacing */
    --tracking-tight: -0.01em;
    --tracking-normal: 0;
    --tracking-wide: 0.02em;
    --tracking-wider: 0.03em;

    /* Spacing */
    --spacing-0: 0;
    --spacing-1: 4px;
    --spacing-2: 8px;
    --spacing-3: 10px;
    --spacing-4: 12px;
    --spacing-5: 14px;
    --spacing-6: 16px;
    --spacing-7: 18px;
    --spacing-8: 20px;
    --spacing-10: 26px;
    --spacing-12: 28px;
    --spacing-14: 30px;
    --spacing-16: 32px;
    --spacing-20: 40px;
    --spacing-24: 48px;
    --spacing-32: 64px;
    --spacing-40: 80px;
    --spacing-64: 128px;

    /* Border Radius */
    --radius-sm: 8px;
    --radius-md: 10px;
    --radius-base: 12px;
    --radius-lg: 16px;
    --radius-xl: 18px;
    --radius-2xl: 20px;
    --radius-3xl: 30px;
    --radius-full: 100px;

    /* Shadows */
    --shadow-card: 0px 4px 24px rgba(0, 0, 0, 0.25);

    /* Backdrop Blur */
    --blur-sm: blur(6.7px);
    --blur-md: blur(15px);
    --blur-lg: blur(30.8px);
    --blur-xl: blur(50px);

    /* Layout */
    --page-width: 1366px;
    --content-width: 1044px;
    --header-height: 80px;

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 200ms ease;
    --transition-slow: 300ms ease;

    /* Z-Index */
    --z-dropdown: 100;
    --z-header: 1000;
    --z-modal: 2000;
    --z-toast: 3000;

    /* Mobile Responsive */
    --mobile-width: 375px;
    --mobile-breakpoint: 640px;
}