/*
 * Tokens du design system SIGES-ETFP.
 *
 * Extraits de docs/Portail SIGES-ETFP.standalone-src.dc.html, qui ne définit
 * aucune variable CSS : la maquette répète les littéraux en style inline.
 * Ce fichier est la source unique — ne redéfinissez pas ces valeurs ailleurs,
 * référencez-les.
 */

:root {
    /* --- Identité : vert institutionnel --- */
    --c-vert: #0E6E52;
    --c-vert-clair: #159067;
    --c-vert-fonce: #0A5540;
    --c-vert-surface: #EAF4EF;
    --c-vert-bordure: #CDE3D9;
    --grad-vert: linear-gradient(150deg, #159067, #0A5540);

    /* --- Action : bleu établissement --- */
    --c-bleu: #1F6FA8;
    --c-bleu-clair: #2E86C1;
    --c-bleu-fonce: #154E77;
    --c-bleu-surface: #EAF2F8;
    --c-bleu-surface-alt: #E9F1F7;
    --c-bleu-bordure: #C9DEEF;
    --grad-bleu: linear-gradient(150deg, #2E86C1, #154E77);

    /* --- Direction régionale : or --- */
    --c-or: #A26E15;
    --c-or-vif: #B0781A;
    --c-or-clair: #C9902A;
    --c-or-fonce: #7E5410;
    --c-or-surface: #F6EEDD;
    --c-or-bordure: #EAD9B8;
    --grad-or: linear-gradient(150deg, #C9902A, #7E5410);

    /* --- Ministère : bordeaux --- */
    --c-bordeaux: #8B2A36;
    --c-bordeaux-clair: #B03A47;
    --c-bordeaux-fonce: #6A1F29;
    --c-bordeaux-surface: #F5E7E9;
    --c-bordeaux-bordure: #E9CDD1;
    --grad-bordeaux: linear-gradient(150deg, #B03A47, #6A1F29);

    /* --- Encre & texte --- */
    --c-encre: #12263A;
    --c-encre-douce: #173A58;
    --c-texte: #3B4A54;
    --c-texte-doux: #4A5A62;
    --c-texte-gris: #52626A;
    --c-texte-mute: #5A6B72;
    --c-texte-faible: #6B7A85;
    --c-texte-tenu: #7A8792;
    --c-texte-desactive: #96A3AC;
    --c-texte-inactif: #A7B2BA;

    /* --- Fonds --- */
    --c-fond-public: #F6F4EF;
    --c-fond-app: #F4F6F8;
    --c-surface: #FFFFFF;
    --c-surface-champ: #FBFAF7;
    --c-surface-neutre: #F2F5F7;
    --c-surface-grise: #EEF1F4;
    --c-surface-survol: #F1EEE5;
    --c-surface-recherche: #F1F4F7;

    /* --- Bordures --- */
    --c-bordure-public: #E7E2D6;
    --c-bordure-app: #E4E9EE;
    --c-bordure-champ: #D7D2C6;
    --c-bordure-douce: #E1E7EC;
    --c-bordure-inactive: #CBD5DC;

    /* --- Statuts --- */
    --c-succes: #1E8E5A;
    --c-succes-surface: #E7F5EE;
    --c-succes-bordure: #BEE3D0;
    --c-danger: #C0392B;
    --c-danger-surface: #FBEAE8;
    --c-danger-bordure: #EFC9C4;
    --c-alerte: #A26E15;
    --c-alerte-surface: #FBF3E5;
    --c-alerte-bordure: #EAD9B8;
    --c-info: #1F6FA8;
    --c-info-surface: #EAF2F8;

    /*
     * --- Nuances relevées dans le fichier de référence ---
     *
     * « Portail SIGES-ETFP.standalone-src.dc.html » les porte en littéraux,
     * écran par écran. Les nommer ici est ce qui empêche qu'un écran suivant
     * les réinvente légèrement différentes : deux points de gris d'écart ne se
     * voient pas sur une page, mais se voient dès qu'on met deux pages côte à
     * côte.
     */
    --c-texte-note: #8593A0;           /* aide sous un titre de bloc */
    --c-info-bordure: #C9DEEF;
    --c-info-survol: #DCEBF6;          /* survol du bouton « Ajouter » */
    --c-info-texte: #2C6491;           /* corps d'un bandeau d'information */
    --c-info-texte-fort: #15507B;      /* le fragment en gras du même bandeau */
    --c-succes-badge: #D8F0E3;         /* pastille « Active », plus soutenue que la surface */
    --c-surface-note: #F7F9FB;         /* encadré de renvoi en bas de carte */
    --c-surface-survol-froid: #F1F5F8; /* survol des boutons-icônes */

    /* --- Chrome sombre (sidebar, pied de page) --- */
    --c-sombre: #12263A;
    --c-sombre-texte: #C2CDD7;
    --c-sombre-mute: #7E8EA0;
    --c-pied-texte: #C8D2DA;
    --c-pied-mute: #9FADB8;
    --c-pied-faible: #8595A1;
    --c-pied-titre: #6E7E8A;

    /* --- Typographie --- */
    --police-titre: 'Spectral', Georgia, serif;
    --police-texte: 'Public Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;

    --ts-xs: 12px;
    --ts-sm: 13px;
    --ts-base: 14px;
    --ts-md: 14.5px;
    --ts-lg: 15px;
    --ts-xl: 17px;
    --ts-2xl: 21px;
    --ts-3xl: 25px;

    /* --- Rayons --- */
    --r-sm: 9px;
    --r-md: 10px;
    --r-lg: 11px;
    --r-xl: 13px;
    --r-2xl: 16px;
    --r-3xl: 18px;
    --r-4xl: 20px;
    --r-5xl: 22px;
    --r-pilule: 999px;

    /* --- Ombres --- */
    --ombre-carte: 0 1px 2px rgba(18, 38, 58, 0.04);
    --ombre-carte-survol: 0 14px 30px rgba(14, 110, 82, 0.14);
    --ombre-panneau: 0 20px 54px rgba(18, 38, 58, 0.12);
    --ombre-logo: 0 3px 10px rgba(14, 110, 82, 0.25);

    /* --- Rythme --- */
    --gouttiere: clamp(20px, 5vw, 64px);
    --largeur-contenu: 1200px;
    --largeur-sidebar: 244px;
}