/* Ludoria — jetons de design « Taverne chaleureuse ». Source unique des couleurs, polices, tailles, formes.
   Les écrans n'utilisent QUE ces variables (jamais de couleur écrite en dur). */
:root {
  /* Matières (du plus sombre au plus clair) */
  --lud-bois-nuit: #1c120c;      /* fond de page */
  --lud-bois-sombre: #2a1b12;    /* cartes, surfaces */
  --lud-bois-moyen: #3a2516;     /* surface relevée, chips */
  --lud-chene: #5a3b22;          /* bordures (décoratif : 1,65:1, ne porte jamais seul un état) */
  --lud-chene-profond: #4a3220;  /* séparateurs */
  /* Textes */
  --lud-parchemin: #f3e6cf;      /* texte principal */
  --lud-parchemin-patine: #cdb694;   /* texte secondaire */
  --lud-parchemin-doux: #d6c1a0;
  --lud-ambre-clair: #f0c987;    /* texte des chips */
  /* Accents */
  --lud-ambre: #f2b24f;          /* actions principales, état actif, marque */
  --lud-laiton: #b88a44;         /* contours secondaires */
  --lud-braise: #b8431f;         /* réservé au « en direct » (texte blanc dessus) */
  --lud-blanc-braise: #ffffff;
  --lud-braise-clair: #f08a6a;   /* texte d'erreur sur fond sombre (la braise seule y est trop sombre) */
  --lud-sauge: #a9c98a;          /* texte de réussite sur fond sombre */
  /* Rôles (à privilégier dans les écrans) */
  --lud-fond: var(--lud-bois-nuit);
  --lud-carte: var(--lud-bois-sombre);
  --lud-surface-haute: var(--lud-bois-moyen);
  --lud-bordure: var(--lud-chene);
  --lud-separateur: var(--lud-chene-profond);
  --lud-texte: var(--lud-parchemin);
  --lud-texte-doux: var(--lud-parchemin-patine);
  --lud-action: var(--lud-ambre);
  --lud-action-texte: var(--lud-bois-nuit);
  --lud-focus: var(--lud-ambre);
  --lud-direct: var(--lud-braise);
  /* Vignettes de substitution */
  --lud-vignette-1: #7a3a1c;
  --lud-vignette-2: #8a5a1f;
  --lud-vignette-3: #5a4a2a;
  /* Polices */
  --lud-police-titre: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;
  --lud-police-texte: "Alegreya Sans", "Trebuchet MS", system-ui, sans-serif;
  --lud-police-marque: "Cinzel", "Cormorant Garamond", Georgia, serif;   /* logo et sur-titres en capitales */
  /* Échelle typographique : fluide, plafonnée à la valeur « confort TV » du document de style */
  --lud-t-accueil: clamp(2.5rem, 1.5rem + 4.5vw, 4.75rem);   /* ~76 px au maximum */
  --lud-t-section: clamp(1.75rem, 1.2rem + 2vw, 2.5rem);     /* ~40 px */
  --lud-t-carte: clamp(1.375rem, 1.1rem + 1vw, 1.875rem);    /* 22 → 30 px */
  --lud-t-corps: clamp(1.0625rem, 1rem + 0.35vw, 1.4375rem); /* 17 → 23 px */
  --lud-t-meta: clamp(0.9375rem, 0.9rem + 0.2vw, 1.125rem);  /* 15 → 18 px */
  --lud-t-badge: 0.9375rem;                                    /* 15 px : minimum absolu */
  --lud-interligne: 1.5;
  --lud-espacement-capitales: 0.18em;
  /* Espacement (pas de 4 px) */
  --lud-s1: 0.25rem; --lud-s2: 0.5rem; --lud-s3: 0.75rem; --lud-s4: 1rem;
  --lud-s5: 1.5rem; --lud-s6: 2rem; --lud-s7: 3rem; --lud-s8: 4rem;
  /* Formes */
  --lud-rayon-bouton: 12px;
  --lud-rayon-carte: 16px;
  --lud-rayon-pilule: 999px;
  --lud-bordure-epaisseur: 2px;
  --lud-ombre-carte: 0 18px 40px rgba(0, 0, 0, 0.45);
  --lud-ombre-douce: 0 6px 16px rgba(0, 0, 0, 0.35);
  /* Interaction */
  --lud-cible-min: 44px;           /* taille minimale de toute cible tactile ou focus */
  --lud-focus-epaisseur: 3px;
  --lud-transition: 150ms ease-out;
  --lud-opacite-vu: 0.5;           /* vignette d'un contenu vu */
  --lud-opacite-vu-texte: 0.72;    /* texte d'un contenu vu : reste ≥ 4,5:1 (vérifié par les tests) */
  color-scheme: dark;
}
@media (prefers-reduced-motion: reduce) { :root { --lud-transition: 0ms; } }