/* Privacy — jetons de design de la page d'accueil (voir design/BRIEF.md). */
:root {
  /* Couleurs */
  --chambre:     #16181A; /* fond : la chambre noire */
  --lame:        #25292D; /* lamelles du diaphragme, surfaces */
  --baryte:      #E9E5DC; /* texte : papier photo baryté */
  --gris-charte: #8B8D8F; /* texte secondaire : charte de gris 18 %, éclaircie (AA) */
  --inactinique: #E08A2E; /* accent : lampe de labo, action primaire uniquement */

  /* Typographie */
  --police-display: "Le Murmure", "Arial Narrow", sans-serif;
  --police-texte:   "League Mono", ui-monospace, "Courier New", monospace;

  --taille-display:  clamp(6.5rem, 34vw, 24rem);
  --taille-accroche: clamp(1.125rem, 0.95rem + 0.9vw, 1.5rem);
  --taille-texte:    clamp(0.9375rem, 0.9rem + 0.2vw, 1rem);
  --taille-mention:  0.75rem;
  --taille-champ:    1rem;   /* champs de saisie : 16px, sinon iOS zoome */
  --taille-dossier:  clamp(2.25rem, 1.5rem + 3.5vw, 3.75rem); /* écran Dossiers : noms en Le Murmure */

  --interligne-display:  0.82;
  --interligne-accroche: 1.3;
  --interligne-texte:    1.5;
  --interligne-mention:  1.35;
  --interligne-dossier:  0.95;

  --approche-display: -0.01em;
  --approche-mention: 0.03em;

  /* Espacements */
  --gouttiere: 16px;
  --gouttiere-large: 6vw;    /* ajouté à la construction : marge latérale dès 900px */
  --espace-1: 8px;
  --espace-2: 16px;
  --espace-3: 24px;
  --espace-4: 40px;
  --espace-haut: 12vh;

  /* Cibles tactiles (ajoutées à la construction) */
  --cible-tactile: 44px;
  --hauteur-action: 52px;

  /* Écran Dossiers */
  --vignette: clamp(96px, 26vw, 148px); /* vignette carrée, collée au bord */
  --largeur-feuille: min(100%, 26rem); /* panneaux : menu, nouveau dossier */

  /* Rayons : hiérarchie, pas un rayon unique */
  --rayon-action: 4px;   /* bouton : net, une plaque gravée */
  --rayon-aide:   12px;  /* encart d'aide iOS : plus doux, secondaire */

  /* Mouvement */
  --duree-ouverture: 600ms;
  --courbe-ouverture: cubic-bezier(.2, .7, .2, 1);
}