:root {
    --color-primary: #ffd447;
    --color-primary-rgb: 255, 212, 71;
    --color-secondary: #ff3d5a;
    --color-secondary-rgb: 255, 61, 90;
    --color-dark: #0f1326;
    --color-text: #f5f6fa;
    --color-muted: #c3c7d5;
    --color-bg: #0a0d1a;
    --color-card: #151a2f;
    --color-border: #2c3350;
    --color-primary-contrast: #0a0d1a;
    --color-header-bg: rgba(13, 18, 38, 0.9);
    --color-hero-start: rgba(35, 86, 255, 0.52);
    --color-hero-end: rgba(255, 61, 90, 0.22);
    --color-hero-wave-1: rgba(35, 86, 255, 0.18);
    --color-hero-wave-2: rgba(255, 212, 71, 0.24);
    --color-hero-heading: #f5f6fa;
    --color-text-soft: rgba(245, 246, 250, 0.68);
    --color-surface-soft: rgba(21, 26, 47, 0.72);
    --color-overlay: rgba(255, 255, 255, 0.09);
    --color-overlay-strong: rgba(255, 255, 255, 0.18);
    --color-panel-gradient-start: rgba(21, 26, 47, 0.96);
    --color-panel-gradient-end: rgba(9, 13, 26, 0.98);
    --color-feature-gradient-end: rgb(40, 36, 72);
    --hero-mic-flag-top: #2356ff;
    --hero-mic-flag-middle: #ffd447;
    --hero-mic-flag-bottom: #ff3d5a;
    --hero-mic-wave: rgba(255, 212, 71, 0.55);
    --hero-blob-color-1: rgba(35, 86, 255, 0.58);
    --hero-blob-color-2: rgba(255, 61, 90, 0.42);
    --hero-disc-glow: rgba(255, 212, 71, 0.48);
    --hero-disc-highlight: rgba(255, 249, 216, 0.88);
    --hero-orbit-color: rgba(35, 86, 255, 0.32);
    --chip-bg: rgba(255, 212, 71, 0.2);
    --chip-border: rgba(255, 212, 71, 0.32);
    --chip-bg-hover: rgba(255, 212, 71, 0.3);
    --chip-border-hover: rgba(255, 212, 71, 0.48);
    --chip-text: #ffec9b;
    --chip-text-hover: #0a0d1a;
    --chip-shadow: 0 16px 32px rgba(255, 212, 71, 0.2);
    --chip-shadow-hover: 0 22px 44px rgba(255, 212, 71, 0.32);
    --badge-bg: rgba(35, 86, 255, 0.22);
    --badge-text: #dbe3ff;
    --icon-bg: rgba(35, 86, 255, 0.18);
    --icon-color: #dbe3ff;
    --player-button-bg: linear-gradient(135deg, #ffd447, #ff6b7c);
    --player-button-color: #0a0d1a;
    --player-button-shadow: 0 14px 26px rgba(255, 212, 71, 0.36);
    --player-button-shadow-hover: 0 20px 36px rgba(255, 212, 71, 0.48);
    --radius-lg: 24px;
    --radius-md: 16px;
    --radius-sm: 10px;
    --shadow-sm: 0 16px 42px rgba(9, 13, 26, 0.45);
    --transition: all 0.28s ease;
}