:root {
    /* Core palette tokens */
    --yellow: #ffd700;
    --black: #000000;
    --white: #ffffff;
    --yellow-rgb: 255, 215, 0;
    --black-rgb: 0, 0, 0;
    --white-rgb: 255, 255, 255;

    /* Monochrome + yellow theme */
    --dark-bg: var(--black);
    --darker-bg: var(--black);
    --card-bg: rgba(0, 0, 0, 0.88);
    --text-primary: var(--white);
    --text-secondary: rgba(255, 255, 255, 0.78);
    --text-muted: rgba(255, 255, 255, 0.62);
    --bs-body-color: var(--text-primary);
    --bs-emphasis-color: var(--text-primary);
    --bs-secondary-color: var(--text-muted);
    --bs-secondary-color-rgb: var(--white-rgb);
    --bs-body-bg: var(--dark-bg);
    --bs-body-bg-rgb: var(--black-rgb);
    --bs-light-rgb: var(--black-rgb);
    --primary-blue: var(--yellow);
    --neon-pink: var(--yellow);
    --highlight: var(--yellow);
    --brand-success-green: #1DB954;
    --brand-success-green-rgb: 29, 185, 84;
    --success-green: var(--brand-success-green);
    --success-green-rgb: var(--brand-success-green-rgb);
    --youtube-red: #FF0000;
    --youtube-red-rgb: 255, 0, 0;
    --youtube-red-light: #ff4d4d;
    --twitch-purple: #9146FF;
    --twitch-purple-rgb: 145, 70, 255;
    --twitch-purple-light: #b49cff;
    --danger-red: var(--youtube-red);
    --danger-red-rgb: var(--youtube-red-rgb);
    --gold-accent: var(--yellow);
    --glass-bg: rgba(255, 255, 255, 0.06);
    --tiktok-gradient: linear-gradient(135deg, #25F4EE, #FE2C55);
    --tiktok-teal: var(--yellow);
    --tiktok-pink: var(--yellow);

    /* Aliases */
    --white-bg: var(--text-primary);
    --light-blue: var(--primary-blue);
    --text-color: var(--black);
    --button-bg: linear-gradient(135deg, var(--yellow), var(--yellow));
    --button-hover: linear-gradient(135deg, rgba(var(--yellow-rgb), 0.85), var(--yellow));
    --button-text: var(--black);
    --header-footer-bg: var(--darker-bg);
    --box-border: rgba(255, 215, 0, 0.38);
    --spotify-green: var(--success-green);
    --spotify-green-rgb: var(--success-green-rgb);
    --facebook-blue: var(--yellow);
    --instagram-purple: var(--yellow);
    --x-black: var(--black);
    --neutral-gray: rgba(128, 128, 128, 0.7);
    --accent-gold: var(--gold-accent);
    --dark-navy: var(--dark-bg);
    --soft-white: var(--text-primary);
    --glow-blue: rgba(255, 215, 0, 0.32);
    --glow-pink: rgba(255, 215, 0, 0.32);
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.4);
    --transition-base: 0.3s ease;
    --transition-transform: 0.2s ease;
    --transition-speed: 0.3s;
    --glow-shadow: 0 0 20px var(--glow-blue);
    --neon-glow: 0 0 30px var(--glow-pink);
}

:root.light {
    --dark-bg: var(--white);
    --darker-bg: var(--white);
    --card-bg: rgba(255, 255, 255, 0.92);
    --text-primary: var(--black);
    --text-secondary: rgba(0, 0, 0, 0.72);
    --text-muted: rgba(0, 0, 0, 0.58);
    --bs-body-color: var(--text-primary);
    --bs-emphasis-color: var(--text-primary);
    --bs-secondary-color: var(--text-muted);
    --bs-secondary-color-rgb: var(--black-rgb);
    --bs-body-bg: var(--dark-bg);
    --bs-body-bg-rgb: var(--white-rgb);
    --bs-light-rgb: var(--white-rgb);
    --white-bg: #ffffff;
    --text-color: var(--black);
    --header-footer-bg: var(--white);
    --button-bg: linear-gradient(135deg, var(--yellow), var(--yellow));
    --button-hover: linear-gradient(135deg, #ffea00, var(--yellow));
    --button-text: var(--black);
    --box-border: rgba(255, 215, 0, 0.5);
    --glass-bg: rgba(255, 255, 255, 0.8);
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.2);
    --youtube-red: #FF0000;
    --youtube-red-light: #ff4d4d;
    --twitch-purple: #9146FF;
    --twitch-purple-light: #b49cff;
    --tiktok-gradient: linear-gradient(135deg, #25F4EE, #FE2C55);
    --brand-success-green: #1DB954;
}