/* ==========================================================
   SIT2S Enterprise 2026
   Design System
   Variables CSS
   ========================================================== */

:root{

    /* ======================================================
       Couleurs principales
       ====================================================== */

    --primary:#2563EB;
    --primary-50:#EFF6FF;
    --primary-100:#DBEAFE;
    --primary-200:#BFDBFE;
    --primary-300:#93C5FD;
    --primary-400:#60A5FA;
    --primary-500:#3B82F6;
    --primary-600:#2563EB;
    --primary-700:#1D4ED8;
    --primary-800:#1E40AF;
    --primary-900:#1E3A8A;

    /* ======================================================
       Couleurs secondaires
       ====================================================== */

    --secondary:#06B6D4;
    --accent:#14B8A6;

    /* ======================================================
       Couleurs fonctionnelles
       ====================================================== */

    --success:#22C55E;
    --warning:#F59E0B;
    --danger:#EF4444;
    --info:#0EA5E9;

    /* ======================================================
       Couleurs neutres
       ====================================================== */

    --white:#FFFFFF;
    --black:#000000;

    --gray-50:#F9FAFB;
    --gray-100:#F3F4F6;
    --gray-200:#E5E7EB;
    --gray-300:#D1D5DB;
    --gray-400:#9CA3AF;
    --gray-500:#6B7280;
    --gray-600:#4B5563;
    --gray-700:#374151;
    --gray-800:#1F2937;
    --gray-900:#111827;

    /* ======================================================
       Thème sombre
       ====================================================== */

    --background:#07162F;
    --surface:#102547;
    --surface-light:#18335F;
    --surface-hover:#214377;

    --card-bg:rgba(18,36,75,.88);

    --input-bg:#223C70;
    --input-hover:#294882;

    --border:#3E5E99;

    /* ======================================================
       Texte
       ====================================================== */

    --text-primary:#FFFFFF;
    --text-secondary:#D9E6FF;
    --text-muted:#9FB4DA;
    --text-disabled:#7E8CA6;

    /* ======================================================
       Logo / Identité
       ====================================================== */

    --gold:#D4AF37;
    --gold-light:#F2D675;

    /* ======================================================
       Espacements
       ====================================================== */

    --space-0:0;
    --space-1:4px;
    --space-2:8px;
    --space-3:12px;
    --space-4:16px;
    --space-5:20px;
    --space-6:24px;
    --space-7:32px;
    --space-8:40px;
    --space-9:48px;
    --space-10:64px;

    /* ======================================================
       Rayons
       ====================================================== */

    --radius-xs:4px;
    --radius-sm:8px;
    --radius-md:12px;
    --radius-lg:16px;
    --radius-xl:24px;
    --radius-2xl:32px;
    --radius-round:999px;

    /* ======================================================
       Ombres
       ====================================================== */

    --shadow-xs:0 2px 4px rgba(0,0,0,.08);

    --shadow-sm:0 4px 10px rgba(0,0,0,.12);

    --shadow-md:0 10px 25px rgba(0,0,0,.20);

    --shadow-lg:0 18px 45px rgba(0,0,0,.35);

    --shadow-xl:0 30px 80px rgba(0,0,0,.50);

    /* ======================================================
       Glassmorphism
       ====================================================== */

    --glass-bg:rgba(255,255,255,.08);

    --glass-border:rgba(255,255,255,.12);

    --glass-blur:20px;

    /* ======================================================
       Animations
       ====================================================== */

    --transition-fast:.15s ease;

    --transition:.25s ease;

    --transition-slow:.40s ease;

    /* ======================================================
       Z-index
       ====================================================== */

    --z-dropdown:1000;
    --z-sticky:1020;
    --z-fixed:1030;
    --z-modal-backdrop:1040;
    --z-modal:1050;
    --z-toast:1080;
    --z-tooltip:1090;

}