:root {
    --color-primary: #0f5fb6;
    --color-primary-rgb: 15, 95, 182;
    --color-secondary: #f0b429;
    --color-secondary-rgb: 240, 180, 41;
    --color-dark: #0b1c32;
    --color-text: #f5f7fb;
    --color-muted: #cfd5e4;
    --color-bg: #101b2d;
    --color-card: #1a2a42;
    --color-border: #2a3e5c;
    --color-primary-contrast: #ffffff;
    --color-header-bg: #162740;
    --color-hero-start: rgba(15, 95, 182, 0.55);
    --color-hero-end: rgba(240, 180, 41, 0.18);
    --color-hero-wave-1: rgba(15, 95, 182, 0.32);
    --color-hero-wave-2: rgba(240, 180, 41, 0.28);
    --color-hero-heading: #fdfdff;
    --color-text-soft: rgba(210, 220, 240, 0.7);
    --color-surface-soft: rgba(22, 38, 64, 0.74);
    --color-overlay: rgba(255, 255, 255, 0.12);
    --color-overlay-strong: rgba(255, 255, 255, 0.2);
    --color-panel-gradient-start: rgba(19, 33, 54, 0.96);
    --color-panel-gradient-end: rgba(11, 22, 38, 0.98);
    --color-feature-gradient-end: rgb(12, 46, 92);
    --hero-mic-flag-top: #0f5fb6;
    --hero-mic-flag-middle: #ffffff;
    --hero-mic-flag-bottom: #0f5fb6;
    --hero-mic-wave: rgba(15, 95, 182, 0.42);
    --hero-blob-color-1: rgba(15, 95, 182, 0.55);
    --hero-blob-color-2: rgba(240, 180, 41, 0.45);
    --hero-disc-glow: rgba(15, 95, 182, 0.48);
    --hero-disc-highlight: rgba(244, 248, 255, 0.92);
    --hero-orbit-color: rgba(240, 180, 41, 0.36);
    --chip-bg: rgba(15, 95, 182, 0.26);
    --chip-border: rgba(69, 149, 255, 0.42);
    --chip-bg-hover: rgba(36, 132, 232, 0.38);
    --chip-border-hover: rgba(69, 149, 255, 0.56);
    --chip-text: #f2f7ff;
    --chip-text-hover: #0b1c32;
    --chip-shadow: 0 14px 30px rgba(15, 95, 182, 0.28);
    --chip-shadow-hover: 0 18px 36px rgba(15, 95, 182, 0.36);
    --badge-bg: rgba(15, 95, 182, 0.32);
    --badge-text: #f6fbff;
    --icon-bg: rgba(69, 149, 255, 0.24);
    --icon-color: #ffffff;
    --player-button-bg: linear-gradient(135deg, #1a8cff, #0f5fb6);
    --player-button-color: #ffffff;
    --player-button-shadow: 0 14px 26px rgba(15, 95, 182, 0.45);
    --player-button-shadow-hover: 0 20px 34px rgba(15, 95, 182, 0.55);
    --favorite-toggle-bg: rgba(19, 31, 51, 0.72);
    --favorite-toggle-bg-hover: rgba(19, 31, 51, 0.88);
    --favorite-toggle-color: rgba(255, 255, 255, 0.85);
    --favorite-toggle-color-hover: rgba(255, 255, 255, 0.92);
    --info-item-bg: rgba(17, 29, 48, 0.8);
    --info-item-border: rgba(240, 180, 41, 0.28);
    --info-link-color: #f0b429;
    --comment-section-bg: linear-gradient(135deg, rgba(18, 31, 51, 0.95), rgba(12, 22, 38, 0.98));
    --comment-section-shadow: 0 30px 70px rgba(6, 12, 24, 0.56);
    --comment-form-bg: rgba(23, 36, 58, 0.42);
    --comment-form-border: rgba(240, 180, 41, 0.26);
    --radius-lg: 24px;
    --radius-md: 16px;
    --radius-sm: 10px;
    --shadow-sm: 0 12px 32px rgba(10, 18, 32, 0.52);
    --transition: all 0.25s ease;
}