/* Veillée — jetons du socle visuel commun (refonte, lot 2-0, B-VEI-105).
 * Ce fichier ne fixe QUE des mesures et des durées ; les couleurs, rayons et polices viennent des univers (themes.css), jamais d'ici.
 * Échelle d'espacement : 2 / 4 / 8 / 12 / 16, rien d'autre. Tailles de texte : 11 / 13 / 14, rien d'autre. Thème clair uniquement. */
:root {
  /* Espacements */
  --sp-1: 2px;
  --sp-2: 4px;
  --sp-3: 8px;
  --sp-4: 12px;
  --sp-5: 16px;
  /* Texte : petit, courant, titre */
  --fs-small: 11px;
  --fs-base: 13px;
  --fs-title: 14px;
  --lh-small: 16px;
  --lh-base: 16px;
  --lh-title: 18px;
  /* Hauteurs : ligne de liste, bouton, champ, barre de titre de fenêtre */
  --row-h: 22px;
  --btn-h: 22px;
  --field-h: 22px;
  --bar-h: 24px;
  /* Largeurs communes */
  --menu-w: 240px;
  --window-min: 240px;
  /* Mouvement : 120 à 380 ms */
  --dur-fast: 120ms;
  --dur-window: 180ms;
  --dur-slow: 380ms;
  --ease-out: cubic-bezier(.2, .7, .2, 1);
  /* Pastilles de fenêtre (repères macOS, identiques dans tous les univers) */
  --dot-size: 12px;
  --dot-close: #ff5f57;
  --dot-fold: #febc2e;
  --dot-open: #28c840;
  --dot-edge: #00000033;
  /* Rayons : le caractère de l'univers passe par ces deux jetons (valeurs de repli = Médiéval) */
  --vs-radius: var(--theme-control-radius, 5px);
  --vs-radius-button: var(--theme-button-radius, 5px);
  --vs-radius-panel: var(--theme-panel-radius, 10px);
  --vs-shadow-pop: 0 8px 24px #29302a33;
  color-scheme: light;
}
/* Écran tactile (joueurs sur téléphone) : lignes et boutons de 32 px */
@media (pointer: coarse) {
  :root { --row-h: 32px; --btn-h: 32px; --field-h: 32px; --bar-h: 32px; }
}
/* Mac réglé sur « réduire les animations » : tout s'arrête */
@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur-window: 0ms; --dur-slow: 0ms; }
}
