/* CSS Variables for Easy Color Management */
:root {
    /* Primary Colors */
    --primary-red: #fe0000;
    --primary-red-hover: #cc0000;
    --primary-black: #000000;
    --primary-white: #ffffff;
    --primary-charcoal:#1d2327;
    --primary-charcoal-hover:#363b3f;
    
    /* Button Colors */
    --button-default: #6c757d;
    --button-hover: #cc0000;
    --button-text: #ffffff;
    
    /* Service Status Colors */
    --status-online: #fe0000;
    --status-offline: #6c757d;
    
    /* Navigation Colors */
    --nav-background: #000000;
    --nav-text: #ffffff;
    --nav-hover-background: #fe0000;
    --nav-hover-text: #ffffff;
    
    /* Dropdown Colors */
    --dropdown-background: #000000;
    --dropdown-border: #333333;
    --dropdown-text: #ffffff;
    --dropdown-hover-background: #fe0000;
    --dropdown-hover-text: #ffffff;
}