/* =========================================================
   CONFORMID — DESIGN TOKENS
   Source unique des couleurs / rayons / dimensions partagés
   par l'ensemble des templates (sidebar, topbar, cartes, badges).
   Base : palette déjà validée visuellement sur la page de connexion.
   ========================================================= */

:root {
    /* Fonds sombres (marque / navigation) */
    --navy: #12182a;
    --navy-2: #0d1219;
    --sidebar-bg: #161e2b;
    --sidebar-border: #262f40;
    --sidebar-text: #9aa2b1;
    --sidebar-text-active: #f3f1ea;

    /* Couleurs de marque */
    --blue: #1e3a5f;
    --blue-hover: #234674;
    --gold: #c9a259;

    /* Texte */
    --ink: #1b2130;
    --text-secondary: #6d7688;
    --text-tertiary: #8891a3;
    --text-quaternary: #b2b7c1;

    /* Fonds clairs */
    --bg: #f5f5f2;
    --surface: #ffffff;

    /* Bordures */
    --border: #e2e0d6;
    --border-card: #e7e5dd;
    --border-soft: #eeece4;

    /* Rayons */
    --radius-card: 12px;
    --radius-control: 9px;
    --radius-sm: 6px;
    --radius-pill: 999px;

    /* États sémantiques (texte + fond associé) */
    --success: #1f8a4c;
    --success-bg: #e7f5ec;
    --danger: #c0392b;
    --danger-bg: #fbe4e0;
    --warning: #b5762b;
    --warning-bg: #fdf1e0;
    --info: var(--blue);
    --info-bg: #eaf1fa;
    --violet: #7c4fb0;
    --violet-bg: #f1e9fa;

    /* Layout */
    --sidebar-width: 236px;
    --topbar-height: 72px;
}