/* Design system « brutalisme de bistrot » : beige/rouge/noir, traits épais, ombres tampon sans flou. */

@font-face {
  font-family: 'Incised Nord';
  src: url('../polices/incised-901-nord.woff2') format('woff2');
  /* Graisse réelle de la police (« 901 », extra-noire) : sans elle, le texte compte comme maigre au calcul du contraste. */
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: 'Incised Bold';
  src: url('../polices/incised-901-bold.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Comico';
  src: url('../polices/comico.woff2') format('woff2');
  font-display: swap;
}

:root {
  /* Charte officielle */
  --rouge: #fc0400;
  --beige: #fffbf3;
  --noir: #000;
  /* Rouge assombri pour les petits textes d'erreur : #fc0400 sur beige n'atteint pas le contraste AA (4,5:1). */
  --rouge-texte: #c20300;
  --papier: #fff;

  /* Rôles (mode client par défaut) */
  --fond: var(--beige);
  --texte: var(--noir);
  --attenue: #5c5750;
  --trait: var(--noir);
  --accent: var(--rouge);
  /* Rouge des petits textes (annotations, confirmations) : contraste AA sur le beige. */
  --accent-texte: var(--rouge-texte);
  --sur-accent: var(--beige);
  --erreur: var(--rouge-texte);
  --ombre: 5px 5px 0 var(--noir);
  --ombre-appuyee: 1px 1px 0 var(--noir);

  --police-titre: 'Incised Nord', 'Arial Black', sans-serif;
  --police-texte: 'Incised Bold', 'Arial', sans-serif;
  --police-main: 'Comico', 'Comic Sans MS', cursive;

  /* Échelle d'espacement (base 4 px) */
  --e1: 4px;
  --e2: 8px;
  --e3: 12px;
  --e4: 16px;
  --e5: 24px;
  --e6: 32px;
  --e7: 48px;

  --bord: 3px;
  /* Zone tactile minimale (recommandations iOS/Android : 44-48 px, marge pour les mains occupées). */
  --cible: 56px;
  --largeur: 30rem;
}