/* ===================================================================
   Jetons de design Evolve - SEUL fichier où une couleur est écrite.
   Charte RYZE : primaires #0E3121, #6FB72D ; secondaires #A7BDB6,
   #16222C, #FF701C, #967F55, #7F8885, #A7A7A7.
   =================================================================== */
:root {
    /* Couleurs primaires */
    --rz-dark: #0E3121;
    --rz-green: #6FB72D;
    --rz-green-deep: #4C7F22;      /* dérivé du vert : boutons, texte vert lisible sur blanc */

    /* Couleurs secondaires */
    --rz-sage: #A7BDB6;
    --rz-navy: #16222C;
    --rz-orange: #FF701C;
    --rz-orange-deep: #da7a42;
    --rz-tan: #967F55;
    --rz-gray: #7F8885;
    --rz-gray-light: #A7A7A7;

    /* Nuances utilitaires dérivées (fonds, bordures, textes) */
    --rz-white: #FFFFFF;
    --rz-bg: #F6F8F6;
    --rz-border: #E3E8E4;
    --rz-border-soft: #EEF1EE;
    --rz-text: #16222C;
    --rz-text-muted: #5C6B63;
    --rz-text-on-dark: #FFFFFF;
    --rz-text-on-dark-muted: rgba(255, 255, 255, .75);
    --rz-sidebar-text: #8FAE9E;
    --rz-sidebar-link: #DCEBD9;
    --rz-hover-on-dark: rgba(255, 255, 255, .08);
    --rz-divider-on-dark: rgba(255, 255, 255, .1);
    --rz-ghost-border: rgba(22, 34, 44, .12);

    /* États (alertes, pastilles) */
    --rz-danger: #B3261E;
    --rz-danger-bg: #FDEDED;
    --rz-danger-border: #F3C6C6;
    --rz-success-bg: #EAF4E0;
    --rz-warning: #B24F0E;          /* orange de la charte assombri, lisible sur fond clair */
    --rz-warning-bg: #FFF1E6;
    --rz-info-bg: #EDF2F0;          /* sauge très clair */
    --rz-tan-bg: #F3EEE6;           /* brun de la charte très clair : fond du badge « In progress » */
    --rz-tan-deep: #6B5735;         /* brun de la charte assombri, lisible sur --rz-tan-bg */
    --rz-navy-bg: #E9EDF0;          /* bleu nuit de la charte très clair : fond du badge « No access » */

    /* Fonds dégradés de la page de connexion (vert foncé légèrement éclairci) */
    --rz-auth-gradient-start: #163E27;
    --rz-auth-gradient-end: #13502B;

    /* Voiles et ombres */
    --rz-overlay: rgba(14, 49, 33, .45);
    --rz-overlay-dark: rgba(0, 0, 0, .4);
    --rz-shadow-card: 0 1px 2px rgba(14, 49, 33, .04);
    --rz-shadow-tile: 0 6px 18px rgba(14, 49, 33, .10);            /* cartes en couleur pleine du dashboard */
    --rz-shadow-tile-hover: 0 10px 24px rgba(14, 49, 33, .16);
    --rz-shadow-modal: 0 8px 30px rgba(14, 49, 33, .25);
    --rz-shadow-auth: 0 30px 60px rgba(0, 0, 0, .35), 0 4px 14px rgba(0, 0, 0, .18);
    --rz-shadow-dropdown: 0 10px 30px rgba(14, 49, 33, .15);
    --rz-shadow-float: 0 30px 60px rgba(14, 49, 33, .10);          /* cartes d'aperçu, page d'accueil */
    --rz-shadow-showcase: 0 -10px 80px rgba(14, 49, 33, .14);      /* grande vitrine, page d'accueil */

    /* Typographie */
    --rz-font: 'Tenorite', 'Segoe UI', Arial, sans-serif;

    /* Échelle des tailles de texte : SEUL endroit où une taille est écrite (espaces Admin, Employé, connexion).
       Plus petite taille lisible : 12px. Textes courants, tableaux, formulaires : 15-16px. */
    --rz-fs-2xs: 12px;        /* compteurs, micro-badges */
    --rz-fs-xs: 13px;         /* libellés secondaires, en-têtes de colonnes */
    --rz-fs-sm: 14px;         /* métadonnées, aides, pastilles */
    --rz-fs-base: 15px;       /* texte courant des composants : tableaux, listes, cartes, formulaires */
    --rz-fs-md: 16px;         /* boutons, menus, texte de page */
    --rz-fs-lg: 17px;         /* texte mis en avant */
    --rz-fs-xl: 18px;         /* sous-titres de cartes */
    --rz-fs-2xl: 19px;
    --rz-fs-h4: 20px;         /* titres de cartes */
    --rz-fs-h3: 22px;         /* titres de sections */
    --rz-fs-h2: 24px;
    --rz-fs-h1: 26px;         /* titres de pages */
    --rz-fs-title: 28px;
    --rz-fs-display: 32px;    /* grands chiffres */
    --rz-fs-stat: 38px;       /* chiffre des cartes du dashboard */

    /* Rayons */
    --rz-radius-sm: 10px;
    --rz-radius-md: 16px;
    --rz-radius-lg: 20px;
    --rz-radius-pill: 999px;
    --rz-radius-xl: 28px;
    --rz-radius-2xl: 36px;
}

/* Variables propres à chaque espace (un seul jeu de composants partagé) */
body.space-employee {
    --rz-page-max: 1440px;    /* zone de contenu élargie (était 1080px) */
    --rz-accent: var(--rz-dark);
}
body.space-admin {
    --rz-page-max: none;
    --rz-accent: var(--rz-green-deep);
}
body.space-public {
    --rz-page-max: 1080px;
    --rz-accent: var(--rz-green-deep);
}