/* =============================================================================
   Socle IHM EMC — jetons de style.
   Ce fichier ne contient QUE des variables : aucune regle de mise en forme.
   Toute couleur, tout rayon, toute ombre et toute taille utilisee dans
   base.css ou dans le app.css d'une application doit venir d'ici — c'est ce
   qui garantit que les deux IHM ne redivergent pas.

   Une application surcharge ces jetons dans son propre app.css, sur :root,
   apres le chargement de ce fichier. L'Operator Service le fait pour passer
   a une echelle "poste industriel" (gros controles, gros textes).
   ========================================================================== */

:root {
    /* --- Marque et etats ------------------------------------------------- */
    --c-brand:        #1f4e79;   /* bandeau, titres de login */
    --c-brand-soft:   #dbe7f2;   /* texte secondaire sur le bandeau */
    --c-brand-faint:  #c7d8ea;   /* texte tertiaire sur le bandeau */

    --c-ok:           #2e7d32;   /* action primaire, succes, etat operationnel */
    --c-ok-hover:     #256428;
    --c-ok-bg:        #e8f5e9;

    --c-danger:       #b71c1c;   /* action destructrice, erreur, urgence */
    --c-danger-hover: #8a1515;
    --c-danger-bg:    #fdecea;

    --c-warn:         #e65100;   /* refus metier : ni erreur technique ni feu vert */
    --c-warn-bg:      #fff3e0;

    --c-info:         #1565c0;
    --c-neutral:      #546e7a;

    /* --- Surfaces et texte ----------------------------------------------- */
    --c-bg:           #f5f6f8;
    --c-surface:      #fff;
    --c-surface-alt:  #eef1f5;   /* en-tetes de table, survol de bouton */
    --c-surface-mute: #f3f4f6;   /* champ en lecture seule */

    --c-border:       #e4e6ea;
    --c-border-strong:#bfbfbf;   /* bordure de controle saisissable */
    --c-border-soft:  #d1d5db;

    --c-text:         #222;
    --c-text-soft:    #556;      /* en-tetes de table */
    --c-text-muted:   #6b7280;   /* aides, valeurs secondaires */
    --c-text-faint:   #888;      /* lignes inactives, horodatages */

    /* --- Typographie ------------------------------------------------------ */
    --font-ui:   "Segoe UI", Arial, sans-serif;
    --font-mono: Consolas, "Courier New", monospace;

    /* Echelle commune aux deux applications. Elle est calee sur le poste
       operateur : materiel industriel, personnel non technique, ecran lu a
       distance. Le SP Manager suit la meme, pour que passer d'une IHM a
       l'autre ne donne pas l'impression de changer de zoom. */
    --fs-xs:   12px;
    --fs-sm:   13px;
    --fs-base: 15px;   /* controles, tables */
    --fs-md:   14px;   /* corps de page */
    --fs-lg:   15px;
    --fs-xl:   16px;
    --fs-2xl:  18px;   /* titre du bandeau */
    --fs-3xl:  22px;
    --fs-hero: 40px;   /* etat de session, verdict operateur */

    /* --- Espacements ------------------------------------------------------ */
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 24px;
    --sp-6: 32px;

    /* --- Formes ------------------------------------------------------------ */
    --radius-sm:   3px;
    --radius-md:   4px;
    --radius-lg:   6px;
    --radius-pill: 999px;

    --shadow-1: 0 1px 2px rgba(0,0,0,.08);   /* carte, table */
    --shadow-2: 0 4px 20px rgba(0,0,0,.15);  /* panneau de login */
    --shadow-3: 0 4px 20px rgba(0,0,0,.25);  /* dialog modal */

    /* --- Controles --------------------------------------------------------- */
    --control-h:      44px;   /* hauteur cible d'un bouton / champ */
    /* Actions de ligne de table, bandeau : la hauteur pleine rendrait les
       lignes du SP Manager enormes pour rien. */
    --control-h-sm:   32px;
    --control-px:     20px;   /* padding horizontal d'un bouton */
    --control-fs:     16px;
    --field-px:       12px;
    --field-py:       10px;

    /* --- Divers ------------------------------------------------------------ */
    --z-toast: 60;
}