:root {
    --color-bg-main: #0b0c12;
    --color-bg-alt: #0b1220;
    --color-bg-dark: #0a0a0a;
    --color-bg-card: #1f2130;
    --color-primary: #00d3f3;
    --color-primary-alt: #00d3f2;
    --color-gradient: linear-gradient(to right, #00b8db, #155dfc);
    --color-white: #ffffff;
    --color-text-muted: #8c8c8c;
    --color-text-light: #a2a2a2;
    --color-text-body: #b8bac6;
    --color-text-dim: #99a1af;
    --color-text-darker: #6a7282;
    --color-border: #333;
    --color-divider: rgba(255, 255, 255, 0.2);
    --font-heading: 'Bagel Fat One', cursive;
    --font-body: 'Inter', sans-serif;
    --font-content: 'Fredoka', sans-serif;
    --font-footer: 'Raleway', sans-serif;
    --nav-height: 97px;
    --breakpoint-mobile: 1023px;
    --container-max: 1305px;
    --container-padding: 0 60px;
    --border-white: 2px solid var(--color-white);
    --radius-pill: 100px;
    --radius-card: 15px;
    --radius-large: 24px;
    --radius-form: 12px;
    --radius-modal: 24px;
}