:root {
    --color-primary: #ffd84d;
    --color-primary-rgb: 255, 216, 77;
    --color-secondary: #ff7262;
    --color-secondary-rgb: 255, 114, 98;
    --color-dark: #12110f;
    --color-text: #f7f5ef;
    --color-muted: #c7c3b4;
    --color-bg: #2a2925;
    --color-card: #45433f;
    --color-border: #5f5f53;
    --color-primary-contrast: #2a2925;
    --color-header-bg: #45433e;
    --color-hero-start: rgba(255, 216, 77, 0.47);
    --color-hero-end: rgba(255, 7, 7, 0.1);
    --color-hero-wave-1: rgba(0, 74, 173, 0.15);
    --color-hero-wave-2: rgba(255, 77, 77, 0.18);
    --color-hero-heading: #12110f;
    --color-text-soft: rgba(247, 245, 239, 0.6);
    --color-surface-soft: rgba(40, 40, 40, 0.6);
    --color-overlay: rgba(255, 255, 255, 0.08);
    --color-overlay-strong: rgba(255, 255, 255, 0.15);
    --color-panel-gradient-start: rgba(69, 67, 62, 0.95);
    --color-panel-gradient-end: rgba(32, 31, 28, 0.97);
    --color-feature-gradient-end: rgb(49, 29, 26);
    --hero-mic-flag-top: #d63b41;
    --hero-mic-flag-middle: #ffd84d;
    --hero-mic-flag-bottom: #d63b41;
    --hero-mic-wave: rgba(255, 216, 77, 0.5);
    --hero-blob-color-1: rgba(255, 216, 77, 0.6);
    --hero-blob-color-2: rgba(214, 59, 65, 0.5);
    --hero-disc-glow: rgba(255, 216, 77, 0.55);
    --hero-disc-highlight: rgba(255, 247, 220, 0.95);
    --hero-orbit-color: rgba(255, 216, 140, 0.36);
    --chip-bg: rgba(255, 216, 77, 0.18);
    --chip-border: rgba(255, 216, 77, 0.28);
    --chip-bg-hover: rgba(255, 216, 77, 0.28);
    --chip-border-hover: rgba(255, 216, 77, 0.45);
    --chip-text: #ffdd84;
    --chip-text-hover: #2a2925;
    --chip-shadow: 0 14px 30px rgba(255, 216, 77, 0.18);
    --chip-shadow-hover: 0 18px 36px rgba(255, 216, 77, 0.28);
    --badge-bg: rgba(255, 216, 77, 0.2);
    --badge-text: #ffdd84;
    --icon-bg: rgba(255, 216, 77, 0.18);
    --icon-color: #ffdd84;
    --player-button-bg: linear-gradient(135deg, #ffd84d, #ffb347);
    --player-button-color: #2a2925;
    --player-button-shadow: 0 12px 20px rgba(255, 216, 77, 0.35);
    --player-button-shadow-hover: 0 18px 28px rgba(255, 216, 77, 0.45);
    --radius-lg: 24px;
    --radius-md: 16px;
    --radius-sm: 10px;
    --shadow-sm: 0 10px 30px rgba(0, 0, 0, 0.35);
    --transition: all 0.25s ease;
}