:root {
    --color-primary: #203b9a;
    --color-primary-rgb: 32, 59, 154;
    --color-secondary: #ed4850;
    --color-secondary-rgb: 237, 72, 80;
    --color-dark: #0a1224;
    --color-text: #f5f6fc;
    --color-muted: #cbd2ef;
    --color-bg: #11193b;
    --color-card: #1c2648;
    --color-border: #2d3a62;
    --color-primary-contrast: #f5f6fc;
    --color-header-bg: #131f40;
    --color-hero-start: rgba(32, 60, 155, 0.62);
    --color-hero-end: rgba(237, 72, 80, 0.18);
    --color-hero-wave-1: rgba(42, 74, 170, 0.38);
    --color-hero-wave-2: rgba(237, 72, 80, 0.28);
    --color-hero-heading: #f5f6fc;
    --color-text-soft: rgba(203, 210, 239, 0.68);
    --color-surface-soft: rgba(22, 32, 70, 0.72);
    --color-overlay: rgba(40, 62, 128, 0.35);
    --color-overlay-strong: rgba(48, 70, 132, 0.5);
    --color-panel-gradient-start: rgba(23, 33, 66, 0.96);
    --color-panel-gradient-end: rgba(15, 22, 48, 0.98);
    --color-feature-gradient-end: rgb(37, 12, 15);
    --hero-mic-flag-top: #1b4ee5;
    --hero-mic-flag-middle: #ffffff;
    --hero-mic-flag-bottom: #ed4850;
    --hero-mic-wave: rgba(65, 108, 220, 0.45);
    --hero-blob-color-1: rgba(27, 78, 229, 0.55);
    --hero-blob-color-2: rgba(237, 72, 80, 0.45);
    --hero-disc-glow: rgba(27, 78, 229, 0.5);
    --hero-disc-highlight: rgba(243, 246, 255, 0.92);
    --hero-orbit-color: rgba(170, 190, 255, 0.35);
    --chip-bg: rgba(64, 88, 160, 0.55);
    --chip-border: rgba(84, 110, 194, 0.4);
    --chip-bg-hover: rgba(94, 126, 210, 0.68);
    --chip-border-hover: rgba(122, 150, 224, 0.55);
    --chip-text: #e2e8ff;
    --chip-text-hover: #0f1a3c;
    --chip-shadow: 0 14px 30px rgba(35, 60, 150, 0.32);
    --chip-shadow-hover: 0 18px 36px rgba(35, 60, 150, 0.4);
    --badge-bg: rgba(100, 130, 210, 0.45);
    --badge-text: #eef2ff;
    --icon-bg: rgba(45, 70, 140, 0.4);
    --icon-color: #dde5ff;
    --player-button-bg: linear-gradient(135deg, #274aa8, #3a61d2);
    --player-button-color: #f5f6fc;
    --player-button-shadow: 0 12px 24px rgba(35, 60, 150, 0.48);
    --player-button-shadow-hover: 0 18px 32px rgba(35, 60, 150, 0.58);
    --favorite-toggle-bg: rgba(42, 60, 130, 0.6);
    --favorite-toggle-bg-hover: rgba(52, 74, 150, 0.75);
    --favorite-toggle-color: #e5ecff;
    --favorite-toggle-color-hover: #ffffff;
    --info-item-bg: rgba(25, 36, 82, 0.7);
    --info-item-border: rgba(108, 132, 210, 0.25);
    --info-link-color: #ffbdd6;
    --comment-section-bg: linear-gradient(135deg, rgba(23, 33, 70, 0.9), rgba(12, 18, 46, 0.98));
    --comment-section-shadow: 0 30px 70px rgba(15, 26, 68, 0.55);
    --comment-form-bg: rgba(34, 48, 96, 0.35);
    --comment-form-border: rgba(118, 140, 220, 0.3);
    --radius-lg: 24px;
    --radius-md: 16px;
    --radius-sm: 10px;
    --shadow-sm: 0 12px 34px rgba(10, 17, 43, 0.5);
    --transition: all 0.25s ease;
}