:root {
    /* Brand Colors */
    --color-primary: #ffffff;
    --color-accent: #d12026;
    --color-accent-dark: #b01a1f;
    --color-accent-cream: #fef0b3;

    /* Backgrounds */
    --bg-dark: #000000;
    --bg-light: #ffffff;
    --bg-grey: #f2f2f2;
    --bg-grey-alt: #fafafa;
    --bg-footer: #050505;

    /* Text Colors */
    --text-primary: #ffffff;
    --text-dark: #222222;
    --text-muted: #666666;
    --text-muted-dark: #444444;
    --text-muted-light: #888888;
    --text-muted-extra: #555555;
    --text-placeholder: #ccc;

    /* Glassmorphism */
    --glass-bg: rgba(255, 255, 255, 0.05);
    --glass-border: rgba(255, 255, 255, 0.1);
    --glass-blur: blur(10px);

    /* Typography */
    --font-main: 'Inter', sans-serif;

    /* Transitions */
    --transition-fast: all 0.2s ease;
    --transition-normal: all 0.3s ease;
    --transition-slow: all 0.5s ease;

    /* Layering */
    --z-navbar: 1000;
    --z-hamburger: 1001;
}