/* Àppal — jetons de design v1.0 (24/09/2026). Source : CHARTE-GRAPHIQUE-APPAL.md */
:root {
  /* Marque */
  --appal-nuit: #1B1F3B;
  --appal-soleil: #F2A516;
  --appal-sable: #FAF6EE;
  /* Soutien */
  --appal-blanc: #FFFFFF;
  --appal-ardoise: #5B5E73;
  --appal-ligne: #E7DFD0;
  --appal-soleil-clair: #FCE9C2;
  --appal-soleil-fonce: #8A5A00; /* texte « soleil » sur fond clair */
  /* Interface uniquement */
  --appal-succes: #1E7A4C;
  --appal-erreur: #B42318;
  --appal-info: #2F5DA8;

  /* Typographie */
  --appal-font-titre: "Bricolage Grotesque", "Manrope", system-ui, sans-serif;
  --appal-font-texte: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --appal-h1: 800 3rem/3.25rem var(--appal-font-titre);
  --appal-h2: 700 2rem/2.375rem var(--appal-font-titre);
  --appal-h3: 700 1.375rem/1.75rem var(--appal-font-titre);
  --appal-texte: 400 1rem/1.5rem var(--appal-font-texte);
  --appal-legende: 600 0.8125rem/1.125rem var(--appal-font-texte);

  /* Formes */
  --appal-rayon-s: 14px;
  --appal-rayon-m: 20px;
  --appal-rayon-l: 24px;
  --appal-rayon-pilule: 999px;
  --appal-ombre-carte: 0 1px 2px rgba(27,31,59,.06), 0 8px 24px rgba(27,31,59,.06);
  --appal-hauteur-bouton: 48px;
}