/*
 * Variables de design (design brief, « Système visuel ») : toutes les couleurs, espacements et formes sont définis ici.
 * Repris de ChurchPlanning : le vert remplace le framboise, une variante de texte foncée s'ajoute,
 * les variables propres au planning disparaissent. Le mode sombre (hors MVP) redéfinira ces variables.
 * Les contrastes exigés par le brief sont vérifiés par tests/Unit/View/ContrastTest.php.
 */
:root {
    color-scheme: light;

    /* Surfaces et texte */
    --color-bg: #ffffff;
    --color-bg-subtle: #f6f8fa;
    --color-bg-neutral: #eaeef2;
    --color-border: #d0d7de;
    --color-border-input: #8c959f;
    --color-text: #1f2328;
    --color-text-muted: #59636e;

    /* Bleu : liens, menu latéral actif, boutons principaux */
    --color-primary: #0969da;
    --color-primary-hover: #0550ae;
    --color-on-primary: #ffffff;

    /* Vert : identité et navigation uniquement (logo, sélecteur, onglet actif), jamais un bouton d'action ni un état.
       #2ca089 n'atteint que 3,2:1 sur blanc : surfaces, bordures et icônes seulement ; le texte vert prend #217867. */
    --color-brand: #2ca089;
    --color-brand-fg: #217867;
    --color-on-brand: #ffffff;

    /* Erreurs et suppressions : toujours avec une icône et un libellé */
    --color-danger: #cf222e;
    --color-danger-hover: #a40e26;
    --color-on-danger: #ffffff;
    --color-danger-fg: #a40e26;
    --color-danger-bg: #ffebe9;
    --color-danger-border: #ff8182;

    --color-success: #1a7f37;
    --color-success-fg: #116329;
    --color-success-bg: #dafbe1;
    --color-success-border: #4ac26b;

    --color-info-fg: #0550ae;
    --color-info-bg: #ddf4ff;
    --color-info-border: #54aeff;

    /* Avertissements : solde négatif, fin d'accès proche, doublon possible */
    --color-attention-fg: #7d4e00;
    --color-attention-bg: #fff8c5;
    --color-attention-border: #d4a72c;

    --color-focus: #0969da;
    --color-overlay: rgb(31 35 40 / 50%);
    --shadow-menu: 0 8px 24px rgb(31 35 40 / 12%);

    /* Typographie : corps 14 px, petit 13 px, grand 16 px */
    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
    --font-size-small: 0.8125rem;
    --font-size-base: 0.875rem;
    --font-size-large: 1rem;
    --line-height: 1.5;

    /* Espacements (4 / 8 / 12 / 16 / 24 / 32 px), formes */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --radius: 6px;
    --border: 1px solid var(--color-border);
    --sidebar-width: 15rem;
    /* Repère de l'élément courant (menu latéral, sélecteur, navigation mobile) */
    --marker-width: 3px;
    /* Cible tactile minimale de l'espace des employés */
    --touch-target: 44px;
}