:root {
    --site-font-family: "Segoe UI", "Roboto", Arial, sans-serif;

    --primary-blue: #005a9c;
    --secondary-blue: #0080c9;
    --dark-blue: #034991;
    --navy-blue: #0b183e;
    --accent-teal: #31a098;
    --light-gray: #c5c6c6;
    --medium-gray: #626262;
    --dark-gray: #0a0a0a;
    --white: #ffffff;
    --silver: linear-gradient(135deg, #c0c0c0, #e8e8e8, #a0a0a0);
    --silver-color: #c0c0c0;

    --bg-primary: #0a1929;
    --bg-secondary: #112240;
    --bg-card: #1a2a3a;
    --bg-hover: #223044;

    --gradient-blue: linear-gradient(135deg, #005a9c, #0080c9);
    --gradient-dark: linear-gradient(135deg, #0b183e, #034991);
    --gradient-card: linear-gradient(145deg, #1a2a3a, #152030);
    --gradient-gold: linear-gradient(135deg, #ffd166, #ffb347);
    --gradient-red: linear-gradient(135deg, #e63946, #ff6b6b);

    --text-primary: #e6f1ff;
    --text-secondary: #a8b2d1;
    --text-light: #ffffff;

    --accent-red: #e63946;
    --accent-gold: #ffd166;
    --accent-green: #2ecc71;

    --shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
    --shadow-light: 0 5px 15px rgba(0, 0, 0, 0.2);
    --shadow-heavy: 0 20px 60px rgba(0, 0, 0, 0.5);

    --border-radius-sm: 6px;
    --border-radius: 10px;
    --border-radius-lg: 15px;
    --border-radius-xl: 20px;

    --spacing-xs: 5px;
    --spacing-sm: 10px;
    --spacing-md: 15px;
    --spacing-lg: 20px;
    --spacing-xl: 30px;
    --spacing-xxl: 40px;

    --panel-inline-padding: clamp(20px, 5vw, 96px);
    --panel-min-height: 82px;
    --header-height: var(--panel-min-height);
    --sidebar-width: 300px;
    --transition-smooth: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);

    --footer-accent: #00b9ff;
    --vm-top-inline-padding: var(--panel-inline-padding);
    --vm-scrollbar-size: 10px;
    --vm-scrollbar-track: rgba(10, 28, 49, 0.55);
    --vm-scrollbar-thumb: linear-gradient(180deg, rgba(0, 128, 201, 0.75), rgba(49, 160, 152, 0.72));
    --vm-scrollbar-thumb-solid: rgba(37, 145, 214, 0.82);
    --vm-scrollbar-thumb-hover: rgba(74, 185, 247, 0.95);

    --vm-card-shadow: 0 14px 34px rgba(2, 11, 28, 0.45), 0 0 0 1px rgba(83, 160, 230, 0.08);
    --vm-card-shadow-hover: 0 18px 40px rgba(1, 10, 26, 0.58), 0 0 0 1px rgba(100, 179, 246, 0.12);

    --support-panel-bg: rgba(5, 18, 38, 0.96);
    --support-panel-border: rgba(52, 193, 255, 0.42);
    --support-panel-text: #e6f1ff;
    --support-panel-muted: #a8b2d1;
    --support-focus: #34c1ff;
}