/* Color System - Centralized color definitions */
:root {
    /* Primary brand colors */
    --color-primary: #000066;
    --color-primary-light: #336699;

    /* Accent colors */
    --color-teal: #60B1AB;
    --color-gold: #D1AA6A;
    --color-sage: #96AB84;
    --color-lavender: #9FA6C3;

    /* Neutral colors */
    --color-dark: #1E1F1F;
    --color-dark-gray: #282828;
    --color-gray: #818282;
    --color-light-gray: #e6e6e7;
    --color-lighter-gray: #f8f8f8;
    --color-white: #ffffff;
    --color-black: #0f1120;

    /* Functional colors */
    --color-border-light: #e5efec;
    --color-text-primary: #122435;
    --color-text-secondary: #282828;

    /* Note: --color-accent, --color-background, and --programs-color-*
       are set dynamically via index.php based on template parameters */

    /* Dynamic layout variables (set by JavaScript) */
    --header-height: 102px; /* Default fallback, updated by JS */
}