/* Apparence « A — Clair » de l'espace connecté (maquettes du 07/11/2026, NOTE.md) : le SEUL jeu de couleurs,
   commun aux pages de l'espace (Twig) et aux écrans AssoRH (Vue, assets/rh/styles/tokens.css s'y rattache).
   Chargé par base.html.twig sur les pages de l'espace seulement : les pages publiques ne changent pas.

   Contrastes vérifiés (norme AA, 4,5:1 pour le texte) : --ink-3 sur blanc 5,9:1 et sur --canvas 5,3:1 ;
   blanc sur --accent 5,4:1 ; --accent-ink sur blanc 7,2:1 ; --amber sur --amber-bg 5,8:1 ; --red sur blanc 6,6:1.
   --ink-4 (3,1:1) ne sert qu'aux icônes, aux traits et au bord des champs (3:1 exigé), jamais au texte. */

/* Inter variable (graisse et taille optique), sous-ensemble latin AVEC les lettres françaises, servie par le site
   (aucune ressource externe). Nom à part : le fichier inter.woff2 des pages publiques n'est pas touché. */
@font-face {
    font-family: 'Inter Espace';
    src: url('../fonts/inter-latin.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-sans: 'Inter Espace', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

    /* Surfaces */
    --canvas: #F3F4F2;        /* fond de la page */
    --panel: #FFFFFF;         /* grand panneau blanc, cartes */
    --sunken: #F8F9F8;        /* zones en retrait (en-têtes de tableau, encarts) */
    --neutral-bg: #F0F2F0;    /* pastille neutre, survol discret */

    /* Traits */
    --line: #E5E8E5;
    --line-soft: #EEF0EE;
    --line-strong: #D3D9D5;   /* bord des boutons secondaires */
    --line-field: #8C958F;    /* bord des champs de saisie : 3:1 contre le blanc */

    /* Texte */
    --ink: #111915;
    --ink-2: #39443E;
    --ink-3: #5C6761;
    --ink-4: #8C958F;         /* icônes et traits seulement */

    /* Vert d'AssoManager : boutons principaux et élément actif seulement */
    --accent: #0B7A4A;
    --accent-strong: #07633B;
    --accent-soft: #EAF5EF;
    --accent-soft-2: #D5ECDF;
    --accent-ink: #08643D;    /* liens et texte vert sur fond clair */

    /* Repères (orange), erreurs, informations, congés */
    --amber: #8F520A;
    --amber-bg: #FFF5E3;
    --amber-line: #F1D6A2;
    --amber-mark: #E5A13A;    /* liseré des repères (trait, pas texte) */
    --red: #B42318;
    --red-bg: #FEF3F2;
    --red-line: #F4C7C3;
    --blue: #1F56C9;
    --blue-bg: #EEF3FF;
    --blue-line: #C9D7F5;
    --leave: #43506A;
    --leave-bg: #EEF1F7;
    --leave-line: #D5DCE8;

    /* Formes */
    --radius: 12px;
    --radius-sm: 8px;
    --shadow-xs: 0 1px 2px rgba(17, 25, 21, .05);
    --shadow-sm: 0 1px 2px rgba(17, 25, 21, .06), 0 2px 6px -2px rgba(17, 25, 21, .06);
    --shadow-lg: 0 24px 48px -16px rgba(17, 25, 21, .22), 0 4px 12px -4px rgba(17, 25, 21, .08);

    /* Focus au clavier : anneau vert bien visible (3:1 au moins contre le blanc et le fond). */
    --focus-ring: 0 0 0 2px #FFFFFF, 0 0 0 4px var(--accent);
}