/*
 * Color Variables & Theme
 * Global color scheme for the entire website
 * Import this file in all pages to maintain consistent colors
 */

:root {
    /* Colors - Primary */
    --color-primary: #a2c84f;
    --color-primary-hover: #bcd685;
    --color-primary-dark: #1d4e11;
    
    /* Colors - Secondary */
    --color-secondary: #3A4045;
    --color-secondary-dark: #1D232A;
    --color-secondary-light: #393b3d;
    
    /* Colors - Neutral */
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-gray-light: #EDEDED;
    --color-gray: #E0E0E0;
    --color-gray-medium: #CCCCCC;
    --color-gray-dark: #B2B2B2;
    --color-gray-darker: #666666;
    --color-gray-text: #555555;
    --color-gray-text-light: #333333;
    --color-gray-text-lighter: #4E4E4E;
    --color-gray-text-dark: #3E3E3E;
    
    /* Colors - Backgrounds */
    --bg-primary: #FFFFFF;
    --bg-secondary: #F4F4F4;
    --bg-thirtiary: #F9F9F9;
    --bg-dark: #1D232A;
    --bg-overlay: rgba(0, 0, 0, 0.9);
    --bg-overlay-medium-dark: rgba(0, 0, 0, 0.85);
    --bg-overlay-light: rgba(0, 0, 0, 0.5);
    --bg-overlay-medium: rgba(29, 35, 42, 0.65);
}