/* Style « Marseille » (gabarit restauration, cuisine du marché) : valeurs relevées sur les maquettes validées
   (docs/maquettes/marseille/). Fond blanc, encre vert sombre, vert olive, tomate, crème. Coins arrondis de 18 à 28 px,
   boutons en capsule, étiquettes-pastilles bordées, aucune ombre sauf le décalage plein vert des étiquettes penchées.
   Mise en page propre : assets/css/layouts/marseille.css (déclarée dans OO_STYLE_META, functions.php). */
:root {
  --font-title: 'Rubik', system-ui, sans-serif;     /* titres et prix (900), boutons et étiquettes (700) */
  --font-body: 'Nunito Sans', system-ui, sans-serif;

  --paper: #ffffff;          /* fond principal */
  --ink: #1f2a1c;            /* texte, filets, bande des horaires */
  --olive: #2f6b2a;          /* banderole, frise, liens */
  --olive-hover: #224f1f;
  --accent: #e2502b;         /* tomate : prix, bouton principal */
  --accent-hover: #c6431f;
  --on-accent: #ffffff;
  --cream: #fbf7ee;          /* formule du midi, tête de la carte */

  --muted: #5c6b50;          /* textes secondaires sur blanc */
  --faint: #6b7a61;          /* bas de page */
  --on-olive-muted: #dbe8d5; /* textes secondaires sur olive */
  --on-ink-muted: #b9c4b1;   /* textes secondaires sur encre */
  --on-ink-soft: #cfe0c8;
  --rule-on-ink: #4a5a45;

  --ph: #eef1e6;             /* emplacement d'image (site modèle) */
  --ph-ink: #2a3826;

  --frame: 3px;
  --rule: 2px;
  --radius-s: 18px;
  --radius: 22px;
  --radius-l: 28px;
}