:root {
    --color-primary: #ba0c2f;
    --color-primary-rgb: 186, 12, 47;
    --color-secondary: #00205b;
    --color-secondary-rgb: 0, 32, 91;
    --color-dark: #050610;
    --color-text: #f5f8ff;
    --color-muted: #b5bfd6;
    --color-bg: #070a18;
    --color-card: #111b33;
    --color-border: rgba(255, 255, 255, 0.14);
    --color-primary-contrast: #fff;
    --color-header-bg: rgba(6, 10, 24, 0.94);
    --color-hero-start: rgba(186, 12, 47, 0.38);
    --color-hero-end: rgba(0, 32, 91, 0.3);
    --color-hero-wave-1: rgba(255, 255, 255, 0.16);
    --color-hero-wave-2: rgba(0, 32, 91, 0.28);
    --color-hero-heading: #f5f8ff;
    --color-text-soft: rgba(245, 248, 255, 0.64);
    --color-surface-soft: rgba(13, 19, 36, 0.65);
    --color-overlay: rgba(255, 255, 255, 0.1);
    --color-overlay-strong: rgba(255, 255, 255, 0.18);
    --color-panel-gradient-start: rgba(9, 14, 28, 0.95);
    --color-panel-gradient-end: rgba(6, 10, 20, 0.98);
    --color-feature-gradient-end: rgb(16, 34, 84);
    --hero-mic-flag-top: #ba0c2f;
    --hero-mic-flag-middle: #ffffff;
    --hero-mic-flag-bottom: #00205b;
    --hero-mic-wave: rgba(186, 12, 47, 0.48);
    --hero-blob-color-1: rgba(186, 12, 47, 0.55);
    --hero-blob-color-2: rgba(0, 32, 91, 0.5);
    --hero-disc-glow: rgba(186, 12, 47, 0.46);
    --hero-disc-highlight: rgba(255, 242, 244, 0.95);
    --hero-orbit-color: rgba(233, 241, 255, 0.3);
    --chip-bg: rgba(186, 12, 47, 0.24);
    --chip-border: rgba(186, 12, 47, 0.34);
    --chip-bg-hover: rgba(186, 12, 47, 0.34);
    --chip-border-hover: rgba(186, 12, 47, 0.5);
    --chip-text: #ffe5ec;
    --chip-text-hover: #050610;
    --chip-shadow: 0 14px 30px rgba(186, 12, 47, 0.24);
    --chip-shadow-hover: 0 18px 36px rgba(186, 12, 47, 0.34);
    --badge-bg: rgba(0, 32, 91, 0.24);
    --badge-text: #d9e4ff;
    --icon-bg: rgba(0, 32, 91, 0.24);
    --icon-color: #d9e4ff;
    --player-button-bg: linear-gradient(135deg, #ba0c2f, #ff465f);
    --player-button-color: #ffffff;
    --player-button-shadow: 0 12px 20px rgba(186, 12, 47, 0.35);
    --player-button-shadow-hover: 0 18px 28px rgba(186, 12, 47, 0.45);
    --comment-section-bg: linear-gradient(135deg, rgba(15, 22, 40, 0.94), rgba(7, 11, 21, 0.98));
    --comment-section-shadow: 0 30px 60px rgba(4, 6, 12, 0.45);
    --comment-form-bg: rgba(7, 10, 21, 0.72);
    --comment-form-border: rgba(255, 255, 255, 0.08);
    --radius-lg: 24px;
    --radius-md: 16px;
    --radius-sm: 10px;
    --shadow-sm: 0 10px 30px rgba(0, 0, 0, 0.33);
    --transition: all 0.25s ease;

    --contact-field-bg: rgba(7, 10, 21, 0.75);
    --contact-field-border: rgba(186, 12, 47, 0.28);
    --contact-field-shadow: rgba(186, 12, 47, 0.12);
    --contact-field-placeholder: rgba(245, 248, 255, 0.55);
    --contact-field-focus-border: rgba(186, 12, 47, 0.65);
    --contact-field-focus-shadow-inner: rgba(186, 12, 47, 0.38);
    --contact-field-focus-shadow-outer: rgba(186, 12, 47, 0.22);
    --contact-select-arrow-color: rgba(186, 12, 47, 0.45);
}