:root {
    /* Primary Colors */
    --color-primary: #74B4DA;
    --color-primary-dark: #5A9BC4;
    --color-primary-darker: #4682A8;
    --color-primary-light: #8FC5E5;
    --color-primary-lighter: #A9D5ED;
    --color-primary-lightest: #D4E9F5;
    --color-primary-rgb: 116, 180, 218;
    
    /* Secondary Colors */
    --color-secondary: #10367D;
    --color-secondary-dark: #0C2A5F;
    --color-secondary-light: #1A4A9B;
    --color-secondary-rgb: 16, 54, 125;
    
    /* Additional Colors */
    --color-accent-green: #8FC5E5;
    --color-accent-green-rgb: 143, 197, 229;
    --color-accent-green-dark: #5A9BC4;
    --color-accent-green-dark-rgb: 90, 155, 196;
    --color-accent-dark: #0C2A5F;
    --color-accent-dark-rgb: 12, 42, 95;
    --color-accent-light: #D4E9F5;
    
    /* Tertiary/Accent Red Color */
    --color-tertiary: #6B1204;
    --color-tertiary-rgb: 107, 18, 4;
    --color-tertiary-dark: #4D0D03;
    --color-tertiary-light: #8B1A0A;
    
    
    /* Neutral Colors */
    --color-white: #ffffff;
    --color-white-rgb: 255, 255, 255;
    --color-gray-50: #EBEBEB;
    --color-gray-100: #EBEBEB;
    --color-gray-200: #d5d5d5;
    --color-gray-300: #c0c0c0;
    --color-gray-400: #9ca3af;
    --color-gray-500: #6b7280;
    --color-gray-600: #4b5563;
    --color-gray-700: #374151;
    --color-gray-800: #1f2937;
    --color-gray-900: #111827;
    --color-black: #000000;
    --color-black-rgb: 0, 0, 0;
    
    /* Text Colors - Light Theme */
    --color-text-primary: #1a1e25;
    --color-text-secondary: #4b5563;
    --color-text-light: #6b7280;
    --color-text-white: var(--color-white);
    --color-text-accent: var(--color-secondary);
    
    /* Background Colors - Light Theme */
    --color-bg-primary: var(--color-primary-lightest);
    --color-bg-primary-dark: var(--color-primary-lighter);
    --color-bg-secondary: var(--color-primary-light);
    --color-bg-white: var(--color-white);
    --color-bg-cream: #EBEBEB;
    --color-bg-cream-rgb: 235, 235, 235;
    --color-bg-gray-50: var(--color-gray-50);
    --color-bg-gray-100: var(--color-gray-100);
    
    /* Gradient Colors */
    --gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
    --gradient-dark: linear-gradient(135deg, var(--color-gray-900) 0%, var(--color-gray-800) 100%);
    --gradient-gold-dark: linear-gradient(135deg, var(--color-secondary) 0%, #FFA500 100%);
    --gradient-light: linear-gradient(135deg, var(--color-white) 0%, var(--color-primary-lightest) 100%);
    --gradient-overlay: linear-gradient(135deg, rgba(250, 251, 252, 0.9) 0%, rgba(232, 234, 237, 0.95) 100%);
    
    /* RGBA Colors */
    --color-primary-95: rgba(116, 180, 218, 0.95);
    --color-primary-90: rgba(116, 180, 218, 0.9);
    --color-primary-50: rgba(116, 180, 218, 0.5);
    --color-primary-30: rgba(116, 180, 218, 0.3);
    --color-primary-20: rgba(116, 180, 218, 0.2);
    --color-primary-10: rgba(116, 180, 218, 0.1);
    --color-primary-05: rgba(116, 180, 218, 0.05);
    --color-secondary-50: rgba(16, 54, 125, 0.5);
    --color-secondary-30: rgba(16, 54, 125, 0.3);
    --color-secondary-10: rgba(16, 54, 125, 0.1);
    --color-secondary-05: rgba(16, 54, 125, 0.05);
    --color-tertiary-50: rgba(107, 18, 4, 0.5);
    --color-tertiary-30: rgba(107, 18, 4, 0.3);
    --color-tertiary-20: rgba(107, 18, 4, 0.2);
    --color-tertiary-10: rgba(107, 18, 4, 0.1);
    --color-tertiary-05: rgba(107, 18, 4, 0.05);
    --color-white-10: rgba(255, 255, 255, 0.1);
    --color-white-20: rgba(255, 255, 255, 0.2);
    --color-white-40: rgba(255, 255, 255, 0.4);
    --color-white-90: rgba(255, 255, 255, 0.9);
    --color-white-95: rgba(255, 255, 255, 0.95);
    --color-black-10: rgba(0, 0, 0, 0.1);
    --color-black-20: rgba(0, 0, 0, 0.2);
    --color-black-30: rgba(0, 0, 0, 0.3);
    --color-black-50: rgba(0, 0, 0, 0.5);
}

/* Text selection (highlight) colors */
::selection {
    background: var(--color-tertiary, #6B1204);
    color: var(--color-white, #ffffff);
}
::-moz-selection {
    background: var(--color-tertiary, #6B1204);
    color: var(--color-white, #ffffff);
}

/* Custom scrollbar styling */
::-webkit-scrollbar {
    width: 12px;
    background: var(--color-bg-gray-50, #EBEBEB);
}
::-webkit-scrollbar-thumb {
    background: var(--color-secondary, #10367D);
    border-radius: 8px;
    border: 2px solid var(--color-bg-gray-100, #EBEBEB);
}
::-webkit-scrollbar-track {
    background: var(--color-bg-gray-50, #EBEBEB);
}

/* Firefox scrollbar styling */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--color-secondary, #10367D) var(--color-bg-gray-50, #EBEBEB);
}