/* Theme neutre -- theme par defaut du produit (VSEN 1633).
   Clair et sobre : pas de webfont charge ici, uniquement des piles systeme
   ou des polices generiques (aucune Inter, Roboto, Arial, Space Grotesk).
   Ratios de contraste calcules (WCAG 2.1, luminance relative) :
     texte / fond                    #1f2421 sur #f6f4f0 = 14.35:1 (AA)
     texte-doux / fond               #5b6360 sur #f6f4f0 =  5.63:1 (AA)
     accent-contraste / accent       #ffffff sur #0b4f4a =  9.41:1 (AA)
     accent / fond                   #0b4f4a sur #f6f4f0 =  8.57:1 (AA)
   (accessoirement : accent-contraste / accent-fonce = 12.59:1,
   texte / accent-sombre = 12.44:1, danger / fond = 6.78:1,
   succes / fond = 5.57:1, discret-texte / fond = 4.88:1 -- tous AA.) */

:root {
  --cl-fond: #f6f4f0;
  --cl-fond-rgb: 246, 244, 240;
  --cl-surface: #ffffff;
  --cl-surface-survol: #ece8e1;
  --cl-surface-alt: #f0ece4;
  --cl-surface-survol-alt: #e2ddd2;
  /* Fond des vignettes produit, derriere une photo qui ne remplit pas le cadre :
     le gris clair des placeholders (app/static/carte/placeholders/). */
  --cl-vignette-fond: #eceff2;
  /* Accent unique, sobre et serieux : bleu petrole profond. */
  --cl-accent: #0b4f4a;
  --cl-accent-fonce: #073a36;
  /* Plus clair que --cl-accent (pas plus sombre) : ce jeton habille un
     bouton secondaire dont le texte reste --cl-texte (sombre) -- sur fond
     clair, la variante lisible avec du texte sombre est un accent PALE,
     pas fonce (cf. .prod-card button.ajouter dans carte.css). */
  --cl-accent-sombre: #d8e8e4;
  --cl-accent-rgb: 11, 79, 74;
  --cl-accent-contraste: #ffffff;
  /* Texte courant posé sur l'accent (pastilles, bulles) -- sur #0b4f4a : 9,4:1. */
  --cl-texte-sur-accent: #ffffff;
  --cl-accent-contraste-rgb: 255, 255, 255;
  /* Secondaire chaud (ambre) : distinct de l'accent froid, sert au halo/
     glow et aux etats "ok" (wiz-bulle-ok). */
  --cl-accent-2: #8a5a1f;
  --cl-accent-2-rgb: 138, 90, 31;
  --cl-texte: #1f2421;
  --cl-texte-doux: #5b6360;
  --cl-bordure: #ddd7cb;
  --cl-inactif: #b9b2a4;
  --cl-danger: #9a2f2f;
  --cl-succes: #1f6f4a;
  --cl-succes-rgb: 31, 111, 74;
  /* Aucun webfont : le "mark" utilise une pile monospace systeme pour se
     distinguer du corps de texte sans charger de police. */
  --cl-police-marque: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --cl-police-titre: ui-serif, Georgia, serif;
  --cl-police-section: ui-serif, Georgia, serif;
  --cl-police-texte: system-ui, -apple-system, "Segoe UI", sans-serif;
  --cl-rayon: 10px;
  --cl-discret-texte: #6f6a63;
  --cl-discret-bordure: #c9c3b8;
  --cl-discret-bordure-survol: #8f887d;
}

/* Posé depuis la console ou les Réglages (app/marque.py, VCAC 2991). */
:root {
  --cl-accent: #b4452a;
  --cl-accent-fonce: #873420;
  --cl-accent-sombre: #f6e9e5;
  --cl-accent-rgb: 180, 69, 42;
  --cl-accent-contraste: #ffffff;
  --cl-texte-sur-accent: #ffffff;
  --cl-accent-contraste-rgb: 255, 255, 255;
  --cl-fond: #fbf6f0;
  --cl-fond-rgb: 251, 246, 240;
  --cl-surface-survol: #eeeae4;
  --cl-surface-alt: #f3efe9;
  --cl-surface-survol-alt: #e4e0da;
  --cl-vignette-fond: #f3efe9;
  --cl-bordure: #ddd8d3;
}