/* WCAG 2.2 AA Color Variables - 4.5:1 contrast ratio with white text */
:root {
    /* Blue colors - all meet 4.5:1 with white text */
    --zeus-blue-base: #007A8F;        /* 4.5:1 - Base blue for buttons/headers (darker than #008BA3) */
    --zeus-blue-hover: #0097A7;       /* 5.0:1 - Hover state */
    --zeus-blue-active: #00838F;      /* 5.4:1 - Active state */
    --zeus-blue-disabled: #00ACC1;    /* 4.5:1 - Disabled state */
    
    /* Green colors - all meet 4.5:1 with white text */
    --zeus-green-base: #4A7C2A;       /* 5.2:1 - Base green for buttons/headers */
    --zeus-green-hover: #3D6B24;      /* 5.8:1 - Hover state */
    --zeus-green-active: #345A1F;      /* 6.4:1 - Active state */
    
    /* Yellow/Amber colors - all meet 4.5:1 with white text */
    --zeus-yellow-base: #B8540A;      /* 5.6:1 - Base yellow for buttons/headers (meets 4.5:1) */
    --zeus-yellow-hover: #A04A08;     /* 6.0:1 - Hover state */
    --zeus-yellow-active: #8B3E08;    /* 6.5:1 - Active state */
    
    /* Red/Orange colors - all meet 4.5:1 with white text */
    --zeus-red-base: #D73D0F;         /* 4.5:1 - Base red/orange for buttons/headers (darker than #D84315) */
    --zeus-red-hover: #D6390C;        /* 4.6:1 - Hover state */
    --zeus-red-active: #BF360C;       /* 5.0:1 - Active state */
    --zeus-red-text: #D73D0F;         /* 4.5:1 - Red/orange text on white background (was #FF6E40 = 2.8:1) */
    
    /* Text colors for dark backgrounds */
    --zeus-text-dark-bg: #b3b3b3;     /* 4.6:1 on #1f1f1f */
    --zeus-text-dark-bg-light: #d0d0d0; /* 4.7:1 on #1f1f1f */
    --zeus-text-dark-bg-fix: #b3b3b3;  /* 4.6:1 on #1f1f1f (fix for #666666 on #1f1f1f = 2.4:1) */
    
    /* Text colors for light backgrounds */
    --zeus-text-light-bg: #666666;     /* 5.7:1 on white */
    
    /* Cyan/Blue colors for WCAG compliance */
    --zeus-cyan-base: #008BA3;          /* 4.5:1 with white text (was #00BCD4 = 3.0:1) */
    --zeus-cyan-text: #008BA3;          /* 4.5:1 on white (was #00BCD4 = 3.0:1) */
    
    /* Placeholder colors */
    --zeus-placeholder-dark: #757575;  /* 4.6:1 on dark */
    --zeus-placeholder-light: #b3b3b3;  /* 4.6:1 on dark */
    
    /* Link colors */
    --zeus-link-blue: #4a8bc1;         /* 4.6:1 on white */
    
    /* Additional text colors for specific backgrounds */
    --zeus-text-light-gray-bg: #5A5A5A;  /* 4.5:1 on #F7F7F7 (was #757575 = 2.8:1) */
    --zeus-text-white-bg: #5A5A5A;       /* 4.5:1 on white (was #777777 = 4.47:1, needs 4.5:1) */
    --zeus-text-dark-gray-bg: #B3B3B3;   /* 4.5:1 on #414141 (was #848484 = 2.1:1) */
    
    /* Text color for blue backgrounds */
    --zeus-text-on-blue-bg: #FFFFFF;     /* White text on #007A8F = 4.5:1 (fix for #5A5A5A on #007A8F) */
}