:root {
    --color-primary: #ff3b45;
    --color-primary-rgb: 255, 59, 69;
    --color-secondary: #f4f4f6;
    --color-secondary-rgb: 244, 244, 246;
    --color-dark: #141621;
    --color-text: #f9f9fb;
    --color-muted: #d7d7e6;
    --color-bg: #1b1d2b;
    --color-card: #26293b;
    --color-border: #34374a;
    --color-primary-contrast: #13151f;
    --color-header-bg: #202336;
    --color-hero-start: rgba(255, 59, 69, 0.55);
    --color-hero-end: rgba(255, 255, 255, 0.08);
    --color-hero-wave-1: rgba(214, 34, 60, 0.3);
    --color-hero-wave-2: rgba(255, 255, 255, 0.14);
    --color-hero-heading: #fdfdfd;
    --color-text-soft: rgba(235, 235, 247, 0.65);
    --color-surface-soft: rgba(31, 33, 48, 0.7);
    --color-overlay: rgba(255, 255, 255, 0.12);
    --color-overlay-strong: rgba(255, 255, 255, 0.2);
    --color-panel-gradient-start: rgba(28, 30, 46, 0.96);
    --color-panel-gradient-end: rgba(19, 20, 32, 0.98);
    --color-feature-gradient-end: rgb(92, 20, 35);
    --hero-mic-flag-top: #d81e3f;
    --hero-mic-flag-middle: #ffffff;
    --hero-mic-flag-bottom: #d81e3f;
    --hero-mic-wave: rgba(255, 71, 95, 0.42);
    --hero-blob-color-1: rgba(255, 59, 69, 0.55);
    --hero-blob-color-2: rgba(255, 255, 255, 0.18);
    --hero-disc-glow: rgba(255, 59, 69, 0.48);
    --hero-disc-highlight: rgba(255, 248, 251, 0.92);
    --hero-orbit-color: rgba(252, 142, 156, 0.38);
    --chip-bg: rgba(255, 59, 69, 0.2);
    --chip-border: rgba(255, 59, 69, 0.32);
    --chip-bg-hover: rgba(255, 78, 98, 0.32);
    --chip-border-hover: rgba(255, 78, 98, 0.46);
    --chip-text: #ffe1e5;
    --chip-text-hover: #151722;
    --chip-shadow: 0 14px 30px rgba(255, 59, 69, 0.2);
    --chip-shadow-hover: 0 18px 36px rgba(255, 59, 69, 0.28);
    --badge-bg: rgba(255, 59, 69, 0.23);
    --badge-text: #ffe4e8;
    --icon-bg: rgba(255, 59, 69, 0.18);
    --icon-color: #ffe7ea;
    --player-button-bg: linear-gradient(135deg, #ff3b45, #ff6a73);
    --player-button-color: #141621;
    --player-button-shadow: 0 12px 22px rgba(255, 59, 69, 0.38);
    --player-button-shadow-hover: 0 18px 32px rgba(255, 59, 69, 0.48);
    --favorite-toggle-bg: rgba(30, 32, 48, 0.65);
    --favorite-toggle-bg-hover: rgba(30, 32, 48, 0.82);
    --favorite-toggle-color: rgba(255, 255, 255, 0.78);
    --favorite-toggle-color-hover: rgba(255, 255, 255, 0.92);
    --info-item-bg: rgba(25, 27, 42, 0.78);
    --info-item-border: rgba(255, 59, 69, 0.26);
    --info-link-color: #ffd6dd;
    --comment-section-bg: linear-gradient(135deg, rgba(27, 29, 44, 0.95), rgba(17, 19, 32, 0.98));
    --comment-section-shadow: 0 30px 70px rgba(10, 12, 24, 0.55);
    --comment-form-bg: rgba(31, 33, 50, 0.42);
    --comment-form-border: rgba(255, 59, 69, 0.24);
    --radius-lg: 24px;
    --radius-md: 16px;
    --radius-sm: 10px;
    --shadow-sm: 0 12px 32px rgba(14, 16, 28, 0.52);
    --transition: all 0.25s ease;
}