/* ============================================================
   SchoolCMS — Main Color Configuration
   This file contains the core color variables for the system.
   ============================================================ */

:root {
    /* Brand Colors (Primary/Navy) */
    --clr-main: #1b3a6b;
    --clr-main-dark: #0D2B6B;
    --clr-main-darker: #091d4d;
    --clr-main-light: #2563a8;
    --clr-main-lighter: #3b82c4;
    --clr-main-pale: #e8eef5;

    /* Brand Colors (Secondary/Gold) */
    --clr-gold: #D4A017;
    --clr-gold-light: #f0c040;
    --clr-gold-pale: #fff8e1;

    /* Legacy Mappings for style.css */
    --clr-navy: var(--clr-main);
    --clr-blue: var(--clr-main-light);
    --clr-blue-lt: var(--clr-main-lighter);
    --clr-blue-pale: var(--clr-main-pale);

    /* Legacy Mappings for frontend.css */
    --navy: var(--clr-main-dark);
    --navy-dark: var(--clr-main-darker);
    --navy-light: #1a3f8f;
    --gold: var(--clr-gold);
    --gold-light: var(--clr-gold-light);
    --gold-pale: var(--clr-gold-pale);
    --text: var(--clr-text);
    --white: var(--clr-white);
    --off-white: var(--clr-off-white);

    /* Neutral Colors */
    --clr-white: #ffffff;
    --clr-off-white: #f7f9fc;
    --clr-bg: #f2f5f9;
    --clr-text: #2c3e50;
    --clr-text-mid: #5a6a7a;
    --clr-text-lt: #8899aa;
    --clr-border: #d6dee8;

    /* Grays from frontend.css */
    --gray-100: #eef1f6;
    --gray-200: #dce2ed;
    --gray-500: #7a8faa;
    --gray-700: #3a4a60;

    /* Semantic */
    --clr-success: #27ae60;
    --clr-warning: #f1c40f;
    --clr-danger: #e74c3c;
    --clr-info: #3498db;

    /* Shadows & Effects */
    --clr-shadow: rgba(27, 58, 107, 0.12);
    --clr-shadow-lg: 0 8px 40px rgba(13, 43, 107, .18);
    --clr-overlay: rgba(27, 58, 107, 0.92);
}