/**
 * charte-tokens.css — jetons de la charte Ferme de Gagnet (v1.0, août 2026).
 *
 * Copie de production de assets/brand-guidelines/tokens/*.css, réunis en un
 * seul fichier : une chaîne d'@import coûte un aller-retour réseau par niveau,
 * et les polices sont déjà appelées en <link> dans l'en-tête, plus tôt qu'un
 * @import ne le permettrait.
 *
 * Ce fichier est le miroir de la charte : il ne contient que ses valeurs,
 * telles qu'elle les donne. Tout ce qui est interprétation — comment le site
 * s'en sert — vit dans custom.css. En cas de nouvelle version de la charte,
 * c'est ce fichier-ci qu'on remplace, et lui seul.
 *
 * Le système : un socle qui ne bouge jamais (logo, nuit, papier, Quicksand),
 * deux visages qui font basculer le seul accent —
 *   Ferme  (défaut) : or de chêne, patrimoine, produits, gîte ;
 *   Marché : chartreuse, le stand et les marchés de producteurs.
 * Bascule : <body data-visage="marche">.
 */

:root {
  /* --- Socle --- */
  --fg-nuit: #17150F;                      /* Noir chêne — fonds, encre sur papier */
  --fg-nuit-2: #26231A;                    /* Surfaces élevées sur nuit */
  --fg-papier: #F3EEE1;                    /* Crème — fonds clairs, texte sur nuit */
  --fg-papier-2: #EAE2CD;                  /* Crème foncée — fonds secondaires */
  --fg-blanc: #FFFFFF;                     /* Réservé logo & pictos sur nuit */
  --fg-filet: #E0D7BF;                     /* Filets sur papier */
  --fg-filet-nuit: rgba(243, 238, 225, .16); /* Filets sur nuit */

  /* --- Accents --- */
  --fg-or: #C9A14E;                        /* Or de chêne — visage Ferme */
  --fg-or-encre: #7E5F27;                  /* Or lisible en TEXTE sur papier (AA 5,2:1) */
  --fg-chartreuse: #C4D22E;                /* Chartreuse Mojito — visage Marché */
  --fg-chartreuse-encre: #5F6A0F;          /* Chartreuse lisible en TEXTE sur papier (AA 5,1:1) */

  /* --- Sémantique : visage Ferme par défaut --- */
  --fg-encre: var(--fg-nuit);
  --fg-craie: var(--fg-papier);
  --fg-accent: var(--fg-or);
  --fg-accent-encre: var(--fg-or-encre);

  /* --- Typographie --- */
  --fg-font-sans: "Quicksand", "Trebuchet MS", sans-serif;  /* Titres, textes, UI, chiffres */
  --fg-font-script: "Dancing Script", cursive;              /* Mots d'émotion uniquement */
  --fg-t-display: 44px;                    /* Script display (minimum absolu 28px) */
  --fg-t-h1: 40px;
  --fg-t-h2: 28px;
  --fg-t-h3: 20px;
  --fg-t-corps: 16px;
  --fg-t-petit: 13.5px;
  --fg-t-legende: 12px;
  --fg-lh-titre: 1.15;
  --fg-lh-corps: 1.6;
  --fg-ls-legende: .12em;                  /* Légendes en capitales espacées */

  /* --- Espacement, base 4/8 --- */
  --fg-s1: 4px;
  --fg-s2: 8px;
  --fg-s3: 12px;
  --fg-s4: 16px;
  --fg-s5: 24px;
  --fg-s6: 32px;
  --fg-s7: 48px;
  --fg-s8: 64px;
  --fg-s9: 96px;

  /* --- Rayons (0 pour l'imprimé et les étiquettes) --- */
  --fg-r-doux: 6px;                        /* Champs, encadrés */
  --fg-r-carte: 14px;                      /* Cartes */
  --fg-r-pill: 999px;                      /* Boutons, badges */

  /* --- Divers --- */
  --fg-ombre-carte: 0 2px 12px rgba(23, 21, 15, .08);
  --fg-trait-icone: 2px;
  --fg-grille-max: 1200px;
  --fg-gouttiere: 24px;
}

/* Bascule visage Marché : seul l'accent change, le socle reste identique. */
[data-visage="marche"] {
  --fg-accent: var(--fg-chartreuse);
  --fg-accent-encre: var(--fg-chartreuse-encre);
}