:root {
    --color-primary: #d30f3f;
    --color-primary-rgb: 211, 15, 63;
    --color-secondary: #0a5c81;
    --color-secondary-rgb: 10, 92, 129;
    --color-dark: #110c12;
    --color-text: #f9f3f5;
    --color-muted: #d9c6cc;
    --color-bg: #1a1318;
    --color-card: #251b21;
    --color-border: #37252d;
    --color-primary-contrast: #160d12;
    --color-header-bg: #23171d;
    --color-hero-start: rgba(211, 15, 63, 0.62);
    --color-hero-end: rgba(10, 92, 129, 0.22);
    --color-hero-wave-1: rgba(211, 15, 63, 0.4);
    --color-hero-wave-2: rgba(10, 92, 129, 0.32);
    --color-hero-heading: #fff3f6;
    --color-text-soft: rgba(249, 243, 245, 0.68);
    --color-surface-soft: rgba(37, 25, 31, 0.74);
    --color-overlay: rgba(211, 15, 63, 0.12);
    --color-overlay-strong: rgba(211, 15, 63, 0.2);
    --color-panel-gradient-start: rgba(32, 22, 28, 0.96);
    --color-panel-gradient-end: rgba(19, 12, 17, 0.98);
    --color-feature-gradient-end: rgb(103, 18, 36);
    --hero-mic-flag-top: #d30f3f;
    --hero-mic-flag-middle: #ffffff;
    --hero-mic-flag-bottom: #d30f3f;
    --hero-mic-wave: rgba(211, 15, 63, 0.45);
    --hero-flag-top: #d30f3f;
    --hero-flag-middle: #d30f3f;
    --hero-flag-bottom: #d30f3f;
    --hero-flag-cross-color: #ffffff;
    --hero-flag-cross-opacity: 1;
    --hero-flag-cross-stroke: rgba(0, 0, 0, 0.18);
    --hero-flag-cross-stroke-opacity: 0.3;
    --hero-flag-cross-stroke-width: 8;
    --hero-blob-color-1: rgba(211, 15, 63, 0.56);
    --hero-blob-color-2: rgba(10, 92, 129, 0.42);
    --hero-disc-glow: rgba(211, 15, 63, 0.48);
    --hero-disc-highlight: rgba(255, 235, 240, 0.92);
    --hero-orbit-color: rgba(255, 193, 205, 0.34);
    --chip-bg: rgba(211, 15, 63, 0.24);
    --chip-border: rgba(211, 15, 63, 0.38);
    --chip-bg-hover: rgba(211, 15, 63, 0.34);
    --chip-border-hover: rgba(211, 15, 63, 0.5);
    --chip-text: #ffe6eb;
    --chip-text-hover: #1a1318;
    --chip-shadow: 0 14px 30px rgba(211, 15, 63, 0.28);
    --chip-shadow-hover: 0 18px 36px rgba(211, 15, 63, 0.38);
    --badge-bg: rgba(211, 15, 63, 0.28);
    --badge-text: #ffe6eb;
    --icon-bg: rgba(211, 15, 63, 0.2);
    --icon-color: #ff7a8f;
    --player-button-bg: linear-gradient(135deg, #d30f3f, #ff547c);
    --player-button-color: #14080d;
    --player-button-shadow: 0 12px 24px rgba(211, 15, 63, 0.4);
    --player-button-shadow-hover: 0 18px 32px rgba(211, 15, 63, 0.48);
    --favorite-toggle-bg: rgba(28, 18, 24, 0.82);
    --favorite-toggle-bg-hover: rgba(34, 20, 27, 0.96);
    --favorite-toggle-color: rgba(255, 242, 244, 0.88);
    --favorite-toggle-color-hover: #ffffff;
    --info-item-bg: rgba(36, 24, 30, 0.82);
    --info-item-border: rgba(211, 15, 63, 0.26);
    --info-link-color: #ff96b0;
    --comment-section-bg: linear-gradient(135deg, rgba(28, 18, 24, 0.94), rgba(14, 9, 13, 0.98));
    --comment-section-shadow: 0 30px 70px rgba(0, 0, 0, 0.55);
    --comment-form-bg: rgba(32, 20, 26, 0.7);
    --comment-form-border: rgba(211, 15, 63, 0.24);
    --radius-lg: 24px;
    --radius-md: 16px;
    --radius-sm: 10px;
    --shadow-sm: 0 12px 36px rgba(0, 0, 0, 0.45);
    --transition: all 0.25s ease;
}