:root {
    --color-primary: #f5c400;
    --color-primary-rgb: 245, 196, 0;
    --color-secondary: #d1362a;
    --color-secondary-rgb: 209, 54, 42;
    --color-dark: #0c0c0d;
    --color-text: #f2f2f2;
    --color-muted: #d4d0c3;
    --color-bg: #161617;
    --color-card: #212124;
    --color-border: #343438;
    --color-primary-contrast: #111111;
    --color-header-bg: #1d1d21;
    --color-hero-start: rgba(245, 196, 0, 0.42);
    --color-hero-end: rgba(209, 54, 42, 0.26);
    --color-hero-wave-1: rgba(245, 196, 0, 0.32);
    --color-hero-wave-2: rgba(209, 54, 42, 0.32);
    --color-hero-heading: #f7f3dc;
    --color-text-soft: rgba(209, 205, 190, 0.65);
    --color-surface-soft: rgba(40, 40, 40, 0.72);
    --color-overlay: rgba(245, 196, 0, 0.14);
    --color-overlay-strong: rgba(245, 196, 0, 0.22);
    --color-panel-gradient-start: rgba(34, 34, 34, 0.95);
    --color-panel-gradient-end: rgba(22, 22, 22, 0.97);
    --color-feature-gradient-end: rgb(60, 32, 12);
    --hero-mic-flag-top: #1e1e1e;
    --hero-mic-flag-middle: #d1362a;
    --hero-mic-flag-bottom: #f5c400;
    --hero-mic-wave: rgba(245, 196, 0, 0.48);
    --hero-blob-color-1: rgba(32, 32, 32, 0.58);
    --hero-blob-color-2: rgba(209, 54, 42, 0.48);
    --hero-disc-glow: rgba(245, 196, 0, 0.5);
    --hero-disc-highlight: rgba(250, 242, 210, 0.9);
    --hero-orbit-color: rgba(245, 196, 0, 0.28);
    --chip-bg: rgba(245, 196, 0, 0.22);
    --chip-border: rgba(245, 196, 0, 0.35);
    --chip-bg-hover: rgba(245, 196, 0, 0.34);
    --chip-border-hover: rgba(245, 196, 0, 0.5);
    --chip-text: #e2b707;
    --chip-text-hover: #161617;
    --chip-shadow: 0 14px 30px rgba(245, 196, 0, 0.28);
    --chip-shadow-hover: 0 18px 36px rgba(245, 196, 0, 0.36);
    --badge-bg: rgba(245, 196, 0, 0.32);
    --badge-text: #e2b707;
    --icon-bg: rgba(245, 196, 0, 0.2);
    --icon-color: #e2b707;
    --player-button-bg: linear-gradient(135deg, #f7d230, #f2a718);
    --player-button-color: #1a1a1a;
    --player-button-shadow: 0 12px 24px rgba(245, 196, 0, 0.36);
    --player-button-shadow-hover: 0 18px 32px rgba(245, 196, 0, 0.45);
    --favorite-toggle-bg: rgba(35, 35, 35, 0.8);
    --favorite-toggle-bg-hover: rgba(45, 45, 45, 0.95);
    --favorite-toggle-color: #f5c400;
    --favorite-toggle-color-hover: #ffe680;
    --info-item-bg: rgba(32, 32, 32, 0.78);
    --info-item-border: rgba(226, 183, 7, 0.2);
    --info-link-color: #e2b707;
    --comment-section-bg: linear-gradient(135deg, rgba(34, 34, 34, 0.92), rgba(18, 18, 18, 0.98));
    --comment-section-shadow: 0 30px 70px rgba(0, 0, 0, 0.55);
    --comment-form-bg: rgba(34, 34, 34, 0.65);
    --comment-form-border: rgba(226, 183, 7, 0.2);
    --radius-lg: 24px;
    --radius-md: 16px;
    --radius-sm: 10px;
    --shadow-sm: 0 12px 36px rgba(0, 0, 0, 0.4);
    --transition: all 0.25s ease;
}