/*
==================================================
NSC SCHOOL THEME - OFFICIAL COLOR PALETTE
==================================================
Official brand colors for consistent use across all pages
*/

:root {
    /* Primary Brand Colors */
    --nsc-red: #ef2b18;
    --nsc-green: #036d33;
    --nsc-yellow: #ffc734;
    --nsc-blue: #0093dd;
    
    /* Color Variations */
    --nsc-red-light: #f04032;
    --nsc-red-dark: #d12610;
    --nsc-green-light: #04824c;
    --nsc-green-dark: #025429;
    --nsc-yellow-light: #ffdb4d;
    --nsc-yellow-dark: #e6b42e;
    --nsc-blue-light: #1aa3e6;
    --nsc-blue-dark: #0074b7;
    
    /* Professional Gradient Combinations */
    --gradient-primary: linear-gradient(135deg, var(--nsc-red), rgba(239, 43, 24, 0.8));
    --gradient-secondary: linear-gradient(135deg, var(--nsc-blue), rgba(0, 147, 221, 0.8));
    --gradient-accent: linear-gradient(135deg, var(--nsc-green), rgba(3, 109, 51, 0.8));
    --gradient-overlay: linear-gradient(135deg, rgba(0,0,0,0.7), rgba(0,0,0,0.5));
    --gradient-light: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(248,249,250,0.9));
    --gradient-subtle: linear-gradient(180deg, var(--nsc-red), rgba(239, 43, 24, 0.9));
    
    /* Text Colors - Red as Primary */
    --text-primary: var(--nsc-red);
    --text-secondary: #666666;
    --text-accent: var(--nsc-green);
    --text-blue: var(--nsc-blue);
    --text-warning: var(--nsc-yellow);
    --text-white: #ffffff;
    --text-dark: #333333;
    
    /* Background Colors - Red as Primary */
    --bg-primary: var(--nsc-red);
    --bg-secondary: #f8f9fa;
    --bg-accent: var(--nsc-yellow);
    --bg-success: var(--nsc-green);
    --bg-blue: var(--nsc-blue);
    --bg-light: #ffffff;
    --bg-dark: #2c3e50;
    
    /* Border Colors - Red as Primary */
    --border-primary: var(--nsc-red);
    --border-secondary: #e9ecef;
    --border-accent: var(--nsc-yellow);
    --border-green: var(--nsc-green);
    --border-blue: var(--nsc-blue);
    --border-light: #f1f3f4;
    
    /* Shadow Colors - Red as Primary */
    --shadow-primary: rgba(239, 43, 24, 0.3);
    --shadow-secondary: rgba(0, 0, 0, 0.1);
    --shadow-accent: rgba(255, 199, 52, 0.3);
    --shadow-green: rgba(3, 109, 51, 0.3);
    --shadow-blue: rgba(0, 147, 221, 0.3);
}

/* Color Utility Classes */
.text-nsc-red { color: var(--nsc-red) !important; }
.text-nsc-green { color: var(--nsc-green) !important; }
.text-nsc-yellow { color: var(--nsc-yellow) !important; }
.text-nsc-blue { color: var(--nsc-blue) !important; }

.bg-nsc-red { background-color: var(--nsc-red) !important; }
.bg-nsc-green { background-color: var(--nsc-green) !important; }
.bg-nsc-yellow { background-color: var(--nsc-yellow) !important; }
.bg-nsc-blue { background-color: var(--nsc-blue) !important; }

.bg-gradient-primary { background: var(--gradient-primary) !important; }
.bg-gradient-secondary { background: var(--gradient-secondary) !important; }
.bg-gradient-accent { background: var(--gradient-accent) !important; }
.bg-gradient-success { background: var(--gradient-success) !important; }

.border-nsc-red { border-color: var(--nsc-red) !important; }
.border-nsc-green { border-color: var(--nsc-green) !important; }
.border-nsc-yellow { border-color: var(--nsc-yellow) !important; }
.border-nsc-blue { border-color: var(--nsc-blue) !important; }