/* =========================
   GLOBAL THEME VARIABLES
   ========================= */

:root {
    /* 🎨 Brand colors (School: Red / Black / White) */
    --primary: #b91c1c; /* school red */
    --primary-hover: #dc2626; /* hover red */
    --secondary: #111827; /* near black */
    --accent: #ef4444; /* accent red */
    /* 🧱 Neutral tones */
    --fade-neutral: #ece9e6; /* warm stone */
    --site-bg: #f9fafb; /* clean near-white */
    /* 🌗 Background layers */
    --bg-main: #ffffff;
    --bg-card: #ffffff;
    --bg-muted: #f3f4f6;
    --bg-dark: #0f172a;
    /* ✍ Typography */
    --text-main: #111827;
    --text-muted: #6b7280;
    --text-light: #9ca3af;
    --text-inverse: #ffffff;
    /* 🌈 GLOBAL PAGE GRADIENT */
    --bg-gradient: linear-gradient( 180deg, #f3f4f6 0%, #f9fafb 60%, #ffffff 100% );
   }