/* Palette sombre — dark fantasy. Toute couleur/typo/espacement du jeu passe
   par ces variables ; interface.css n'écrit jamais de valeur en dur.
   Hex alignés sur content/assets/palette.json (da.md §2 / §6). */
:root {
  /* Surfaces — gris neutres (ni bleu ni brun) ; la couleur vient des accents sémantiques */
  --couleur-fond: #0c0c0e;
  --couleur-fond-panneau: #131316;
  --couleur-surface: #19191d;
  --couleur-surface-elevee: #202024;
  --couleur-fond-suggestion: #19191d;
  --couleur-fond-slot-equipe: color-mix(in srgb, var(--couleur-surface) 40%, transparent);
  --couleur-fond-slot-equipe-hover: color-mix(in srgb, var(--couleur-surface-elevee) 55%, var(--couleur-fond-panneau));
  --couleur-bordure: #2c2c31;
  --couleur-fond-bandeau: #0c0c0e;
  --couleur-fond-sombre: #0a0b0e;
  --couleur-fond-eleve: var(--couleur-surface-elevee);
  --couleur-fond-elevation: color-mix(in srgb, var(--couleur-fond) 12%, transparent);
  --couleur-accent-ok: var(--couleur-succes);
  --couleur-accent-danger: var(--couleur-danger);

  --couleur-texte: #73737a;
  --couleur-texte-attenue: #56565c;
  --couleur-texte-vif: #c8c8ce;
  --couleur-texte-chaud: #8a5a2b;
  --couleur-monnaie: #a8906a;

  --couleur-accent: #7a1f2b;
  --couleur-accent-clair: #a8384a;
  --couleur-erreur: #8a5a2b;
  --couleur-danger: #8a3030;
  --couleur-avertissement: #a88a4a;
  --couleur-avertissement-clair: #c9a85a;
  --couleur-succes: #6d8a54;
  --couleur-combat: #7a1f2b;
  --couleur-combat-joueur: #858590;
  --couleur-fond-combat-creature: color-mix(in srgb, var(--couleur-accent) 32%, var(--couleur-surface));
  --couleur-fond-combat-joueur: color-mix(in srgb, var(--couleur-succes) 14%, var(--couleur-surface));
  --couleur-bordure-combat-creature: color-mix(in srgb, var(--couleur-accent-clair) 55%, var(--couleur-bordure));
  --couleur-bordure-combat-joueur: color-mix(in srgb, var(--couleur-succes) 40%, var(--couleur-bordure));
  --couleur-systeme: #73737a;
  --couleur-flash: #c8c8ce;

  --couleur-pv-ok: #4c6342;
  --couleur-pv: #a8384a;
  --couleur-pv-bas: #c47a2a;
  --couleur-pv-critique: #7a1f2b;

  --police-principale: 'Courier New', ui-monospace, 'JetBrains Mono', monospace;
  --taille-texte: 1rem;
  --interligne: 1.5;

  --espacement-xs: 0.25rem;
  --espacement-sm: 0.5rem;
  --espacement-md: 1rem;
  --espacement-lg: 1.5rem;
  --espacement-xl: 2rem;

  --largeur-panneau: 17.5rem;
  --largeur-panneau-replie: 2.5rem;
  --largeur-journal-max: 68ch;
  --largeur-colonne-jeu: 100%;
  /* Bandeau centré, échelle plafonnée (320×128 → ×3 = 960×384) */
  --bandeau-echelle-max: 8;
  --rayon-surface: 2px;
  --rayon-pilule: 999px;
  --duree-transition: 180ms;

  /* Boutons & modales — partagés jeu + admin */
  --bouton-fond: color-mix(in srgb, var(--couleur-fond-panneau) 90%, transparent);
  --bouton-fond-hover: color-mix(in srgb, var(--couleur-surface-elevee) 50%, var(--couleur-fond-panneau));
  --bouton-fond-primaire: color-mix(in srgb, var(--couleur-surface) 45%, var(--couleur-fond-panneau));
  --bouton-bordure: color-mix(in srgb, var(--couleur-bordure) 80%, transparent);
  --bouton-bordure-hover: color-mix(in srgb, var(--couleur-texte-attenue) 35%, var(--couleur-bordure));
  --bouton-bordure-primaire: color-mix(in srgb, var(--couleur-texte-attenue) 30%, var(--couleur-bordure));
  --bordure-focus: color-mix(in srgb, var(--couleur-texte-attenue) 45%, var(--couleur-bordure));
  --ombre-focus: inset 0 0 0 1px color-mix(in srgb, var(--couleur-texte-attenue) 18%, transparent);
  --superposition-fond: color-mix(in srgb, var(--couleur-fond) 88%, transparent);
  --superposition-scrim: rgba(0, 0, 0, 0.55);
  --modal-fond-carte: var(--menu-fond-carte);
  --modal-bordure-carte: var(--menu-bordure-carte);
  --duree-pv-tween: 280ms;
  --duree-flash-sprite: 70ms;

  --transition-scene: 750ms;
  --transition-bandeau: 450ms;
  --transition-bloc: 200ms;
  --transition-combat-visuel: 450ms;
  --transition-scroll: 400ms;
  --transition-creature-defaite: 650ms;
  --duree-menu-entree: 520ms;
  --menu-boot-decalage-titre: clamp(5rem, 12vh, 8rem);
  --menu-bordure-carte: color-mix(in srgb, var(--couleur-bordure) 75%, transparent);
  --menu-fond-carte: color-mix(in srgb, var(--couleur-fond-panneau) 82%, transparent);
  --courbe-scene: ease-in-out;
  --courbe-bloc: ease-out;
}