:root {
    --primary-color: #C60000;
    --primary-color-dark: #9b0000;
    --primary-color-darker: #7a0000;
    --primary-gradient: linear-gradient(18deg, #941010 0%, #7a0000 100%);
    --primary-gradient-hover: linear-gradient(18deg, #ff0000 0%, #7a0000 100%);

    --secondary-color: #000;
    --secondary-color-light: #333;

    --text-color-light: #fff;
    --text-color-dark: #000;
    --text-color-gray: #666;
    --text-color-light-gray: #ccc;

    --background-color-light: #F7F7F7;
    --background-color-white: #fff;
    --background-color-dark: #000;
    --background-color-gray-light: #fafafa;
    --background-color-gray-medium: #f3f3f3;
    --background-color-gray-dark: #333;

    --border-color-light: #ccc;
    --border-color-medium: #ddd;
    --border-color-dark: #444;
    --border-color-primary: #C60000;
    --border-color-extra-light: #e0e0e0;
    --border-color-black: #000;

    --font-family-primary: 'proxima-nova', arial, sans-serif;
    --font-family-secondary: 'neue-aachen-pro', arial, sans-serif;

    /* Font sizes - Desktop */
    --font-size-tiny: 10px;
    --font-size-xsmall: 12px;
    --font-size-small: 14px;
    --font-size-base: 16px;
    --font-size-medium: 18px;
    --font-size-large: 20px;
    --font-size-xl: 22px;
    --font-size-xxl: 26px;
    --font-size-xxxl: 30px;
    --font-size-0: 0;

    --border-radius-small: 4px;
    --border-radius-medium: 8px;
    --border-radius-large: 10px;
    --border-radius-xl: 18px;
    --border-radius-round: 50px;

    --shadow-small: 0 2px 8px rgba(0,0,0,0.06);
    --shadow-medium: 0 4px 24px rgba(0,0,0,0.08);
    --shadow-large: 0 6px 32px rgba(0,0,0,0.10);
    --shadow-hover: 0 12px 40px rgba(0,0,0,0.15);
    --shadow-primary: 0 4px 8px rgba(198, 0, 0, 0.10);
    --shadow-primary-hover: 0 6px 12px rgba(198, 0, 0, 0.15);

    --transition-fast: all 0.3s;
    --transition-base: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    /* Success/Warning Colors */
    --success-color: #37AB00;
    --warning-color: #ff6b35;
    --error-color: #ff0000;

    /* Glassmorphism */
    --glass-bg: rgba(255,255,255,0.85);
    --glass-bg-light: rgba(255,255,255,0.7);
    --glass-border: rgba(255,255,255,0.3);
    --glass-shadow: 0 6px 32px rgba(0,0,0,0.10);
    --glass-shadow-hover: 0 12px 40px rgba(0,0,0,0.15);
    --glass-blur: blur(8px);
    --glass-radius: 18px;
    --glass-shimmer-animation: glass-shimmer 3s infinite;
}

/* Mobile font size adjustments for better readability */
@media (max-width: 768px) {
    :root {
        --font-size-tiny: 11px;
        --font-size-xsmall: 13px;
        --font-size-small: 15px;
        --font-size-base: 17px;
        --font-size-medium: 18px;
        --font-size-large: 19px;
        --font-size-xl: 20px;
        --font-size-xxl: 22px;
        --font-size-xxxl: 26px;
    }
}

@keyframes glass-shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

@keyframes glass-pulse {
    0%, 100% { opacity: 0.8; }
    50% { opacity: 1; }
}