/* =========================================================
   2256-HS — Récits Augmentés
   shared/tokens.css — variables de charte
   Reprises telles quelles du site 2256-hs.fr pour que la
   plateforme et le site parlent la même langue visuelle.
   ========================================================= */

:root {
  /* --- Palette de charte (identique au site) --- */
  --blue-color:        #aadbee;
  --blue-color-second: #49adb6;
  --dark-color:        #141c1c;
  --black-color:       #151209;
  --deep-background:   #0b0e0e;
  --white-color:       #fcfbe4;
  --brown-color:       #b16517;

  /* --- Polices --- */
  --font-titres: 'Roboto Condensed', 'Arial Narrow', sans-serif;
  --font-main:   'Roboto', system-ui, sans-serif;
  --font-lecture:'Source Serif 4', Georgia, serif;
  --font-chapo:  'Oswald', 'Roboto Condensed', sans-serif;
  --font-hud:    'IBM Plex Mono', ui-monospace, 'Courier New', monospace;

  /* --- Espace --- */
  --gap-xs: .4rem;
  --gap-s:  .8rem;
  --gap-m:  1.6rem;
  --gap-l:  2.4rem;
  --gap-xl: 4rem;

  /* --- Surfaces --- */
  --surface:        #182121;
  --surface-haute:  #1e2828;
  --filet:          rgba(252, 251, 228, .14);
  --filet-fort:     rgba(252, 251, 228, .30);
  --encre-douce:    rgba(252, 251, 228, .62);
  --encre-faible:   rgba(252, 251, 228, .38);

  /* --- Chrome de l'application (HUD sobre) ---
     Volontairement sans halo ni verre bleu : le HUD glossy
     appartient au site et à la couche RA, pas au meuble. */
  --hud-fond:   rgba(20, 28, 28, .92);
  --hud-filet:  rgba(252, 251, 228, .12);
  --hud-encre:  rgba(252, 251, 228, .55);
  --hud-actif:  var(--blue-color-second);

  /* --- Ambiance (réservé au lecteur augmenté) ---
     Aucun mode clair : l'encre ne bouge pas, seules la
     teinte et l'amplitude du décor varient. */
  --amb-teinte:    var(--dark-color);
  --amb-encre:     var(--white-color);
  --amb-intensite: 0;
  --amb-vitesse:   1;
  --amb-grain:     0;

  /* --- Divers --- */
  --rayon: 2px;
  --transition: 180ms ease;
  --lecture-largeur: 34rem;
}

@media (prefers-reduced-motion: reduce) {
  :root { --transition: 0ms; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}