:root {
    /* Primary Colors */
    --color-primary: #2E5129;
    --color-primary-dark: #142C14;
    --color-primary-darker: #0F1F0F;
    --color-primary-light: #537C2E;
    --color-primary-lighter: #8DA750;
    --color-primary-lightest: #DEE1B6;
    --color-primary-rgb: 46, 81, 41;
    
    /* Secondary Colors */
    --color-secondary: #E4EB9D;
    --color-secondary-dark: #C8A638;
    --color-secondary-light: #F9D549;
    --color-secondary-rgb: 228, 235, 157;
    
    /* Additional Colors */
    --color-accent-green: #8DA750;
    --color-accent-green-rgb: 141, 167, 80;
    --color-accent-green-dark: #537C2E;
    --color-accent-green-dark-rgb: 83, 124, 46;
    --color-accent-dark: #142C14;
    --color-accent-dark-rgb: 20, 44, 20;
    --color-accent-light: #DEE1B6;
    --color-accent-light-rgb: 222, 225, 182;
    --color-accent-yellow: #F9D549;
    --color-accent-yellow-rgb: 249, 213, 73;
    --color-accent-gold: #C8A638;
    --color-accent-gold-rgb: 200, 166, 56;
    
    /* Neutral Colors */
    --color-white: #ffffff;
    --color-white-rgb: 255, 255, 255;
    --color-gray-50: #f9fafb;
    --color-gray-100: #f3f4f6;
    --color-gray-200: #e5e7eb;
    --color-gray-300: #d1d5db;
    --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: var(--color-white);
    --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(46, 81, 41, 0.95);
    --color-primary-90: rgba(46, 81, 41, 0.9);
    --color-primary-50: rgba(46, 81, 41, 0.5);
    --color-primary-30: rgba(46, 81, 41, 0.3);
    --color-primary-20: rgba(46, 81, 41, 0.2);
    --color-primary-10: rgba(46, 81, 41, 0.1);
    --color-primary-05: rgba(46, 81, 41, 0.05);
    --color-secondary-50: rgba(228, 235, 157, 0.5);
    --color-secondary-30: rgba(228, 235, 157, 0.3);
    --color-secondary-10: rgba(228, 235, 157, 0.1);
    --color-secondary-05: rgba(228, 235, 157, 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-secondary, #E4EB9D);
    color: var(--color-primary, #2E5129);
}
::-moz-selection {
    background: var(--color-secondary, #E4EB9D);
    color: var(--color-primary, #2E5129);
}

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

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