/* Football Camp Stat Tracker Brand Colors */

:root {
    /* Primary Brand Colors - Bold Football Theme */
    --eos-orange: #B0011C;              /* Vibrant orange - Primary brand color */
    --eos-orange-light: #d50121;        /* Lighter orange for gradients */
    --eos-dark-blue: #004E89;           /* Deep blue - Secondary action color */
    --eos-navy: #1A1A2E;                /* Rich navy - Dark brand color */
    
    /* Gray Scale */
    --eos-light-gray: #F7F9FC;          /* Lightest gray for backgrounds */
    --eos-medium-gray: #E8ECF1;         /* Main grey accent */
    --eos-border: #D1D9E6;              /* Border color */
    
    /* Secondary Colors */
    --eos-secondary-gray: #8B95A5;      /* Secondary grey for subtle elements */
    --eos-secondary-blue: #4A90E2;      /* Bright blue for highlights */
    
    /* Accent Colors - Sports Energy */
    --eos-accent-green: #2ECC71;        /* Fresh green for success states */
    --eos-accent-yellow: #F39C12;       /* Energetic yellow for highlights */
    
    /* Text Colors */
    --eos-text-dark: #1A1A2E;           /* Primary text color */
    --eos-text-light: #6C7A89;          /* Secondary text color */
    --eos-white: #FFFFFF;               /* White */
    
    /* Status Colors */
    --eos-success: #2ECC71;             /* Success messages - Fresh green */
    --eos-info: #4A90E2;                /* Info messages - Bright blue */
    --eos-warning: #F39C12;             /* Warning messages - Energetic orange */
    --eos-danger: #E74C3C;              /* Danger/Error messages - Bold red */
    
    /* Layout Variables */
    --sidebar-width: 260px;
    --sidebar-collapsed-width: 70px;
    --topbar-height: 70px;
}