/* La palette et les mesures de Félix Wash, et rien d'autre.
 *
 * Ce fichier ne style aucun élément : il nomme des valeurs. C'est `app.css` qui les
 * branche sur les éléments, et `admin-theme.css` qui les branche sur les variables
 * que django.contrib.admin attend.
 *
 * L'intérêt de cette couche intermédiaire : changer le bleu de la marque est une
 * seule ligne ici, au lieu d'un chercher-remplacer de code hexadécimal dans deux
 * feuilles de style qui n'ont pas les mêmes noms de variables.
 *
 * Les trois variables de densité (--fw-control-h, --fw-row-h, --fw-gap) sont
 * volontairement absentes d'ici : elles sont posées par les coquilles de gabarit,
 * parce que leur valeur dépend de l'univers dans lequel on se trouve.
 */

:root {
  /* Encre — trois niveaux, pas plus. Un quatrième gris serait un gris qu'on ne
   * saurait pas quand choisir. */
  --fw-ink: #16181a;
  --fw-muted: #5b6166;
  --fw-subtle: #8b9297;

  /* Surfaces */
  --fw-surface: #ffffff;
  --fw-surface-alt: #fafaf9;
  --fw-border: #e3e5e7;
  --fw-border-strong: #c9cdd1;

  /* Accent — bleu provisoire, assumé comme tel. Choisi pour donner 5,2:1 sur
   * blanc : le seuil WCAG AA (4,5:1) est franchi dans ses deux usages, fond de
   * bouton avec texte blanc ET texte de lien sur fond blanc. Beaucoup de bleus
   * passent le premier et échouent le second, ce qui oblige à en maintenir deux. */
  --fw-accent: #2563eb;
  --fw-accent-hover: #1d4ed8;
  --fw-accent-bg: #eff4ff;
  --fw-accent-ink: #1e3a8a;
  --fw-on-accent: #ffffff;

  /* États */
  --fw-success: #15803d;
  --fw-success-bg: #f0fdf4;
  --fw-warning: #a16207;
  --fw-warning-bg: #fefce8;
  --fw-danger: #b91c1c;
  --fw-danger-bg: #fef2f2;

  /* Typographie — pile système. Aucune police téléchargée : un ouvrier au fond
   * d'un garage a du réseau incertain, et une police web qui n'arrive pas décale
   * toute la mise en page au moment où il encode. */
  --fw-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
    Arial, sans-serif;
  --fw-text-xs: 0.75rem;
  --fw-text-sm: 0.875rem;
  --fw-text-base: 1rem;
  --fw-text-lg: 1.125rem;
  --fw-text-xl: 1.375rem;

  /* Espacement */
  --fw-space-1: 0.25rem;
  --fw-space-2: 0.5rem;
  --fw-space-3: 0.75rem;
  --fw-space-4: 1rem;
  --fw-space-5: 1.5rem;
  --fw-space-6: 2rem;
  --fw-space-7: 2.5rem;
  --fw-space-8: 3rem;

  /* Formes */
  --fw-radius: 6px;
  --fw-radius-lg: 10px;
  --fw-hairline: 0.5px;

  /* Un halo de focus doit laisser voir la bordure qu'il entoure : d'où le canal
   * alpha plutôt qu'un bleu opaque. Le focus visible n'est pas décoratif — c'est
   * ce qui permet de remplir le formulaire au clavier. */
  --fw-focus-ring: rgba(37, 99, 235, 0.30);
}