/* ==========================================================================
   tokens.css — LA SOURCE UNIQUE de l'identité visuelle du site.
   --------------------------------------------------------------------------
   Toutes les pages chargent ce fichier AVANT leur feuille de style : la page
   d'accueil, qui a sa mise en page propre, comme les pages d'outils qui
   s'appuient sur base.css.

   Il n'existe donc qu'UN endroit où changer une couleur ou un caractère.
   Dupliquer ces valeurs ailleurs, c'est garantir qu'un jour les deux copies
   ne diront plus la même chose.

   Deux registres (taste-skill, 9/10/2026 : direction « carte topographique »,
   couleurs « encre et papier », typographie T2, choisies par Valérian sur
   rendus) :
   - PAPIER, les pages que l'on lit (accueil, projets, page d'un projet) :
     papier froid, encre presque noire, bleu de Prusse pour l'accent, courbes
     de niveau en fond (commun.css) ;
   - ENCRE, les outils et ce qui montre une image en plein écran (carte des
     lieux, visionneuses 3D, nuage de points, visionneuse de photos, panorama,
     carte d'un projet) : le fond sombre d'origine, l'accent en bleu pâle.
   L'ancienne version (fond nuit, accent ambre) : étiquette git
   site-avant-taste-skill et 09_Archives\2026-10_site_avant_visuel.
   ========================================================================== */

:root {
  /* Fonds, du plus profond au plus clair (papier) */
  --bg:        #f4f5f3;
  --bg-2:      #eceeeb;
  --surface:   #e1e4e0;
  --surface-2: #d5d9d4;
  --line:      #cfd4ce;
  --line-2:    #a5ada6;
  /* le fond en composantes, pour les voiles en dégradé (rgba(var(--bg-rgb), .9)) */
  --bg-rgb:    244, 245, 243;
  /* nom du registre de la page : sert au passage animé d'une page à l'autre (commun.css) */
  --registre:  papier;
  /* calque des courbes de niveau en fond (commun.css, body::before) : affiché sur le papier */
  --fond-courbes: block;

  /* Textes (encre) */
  --txt:   #15191d;
  --txt-2: #434c54;
  --txt-3: #6f7880;

  /* Accent d'interface : bleu de Prusse */
  --accent:     #24527e;
  --accent-dim: #24527e1c;
  --accent-hi:  #1a3f63;   /* survol : plus sombre sur le papier */
  --on-accent:  #ffffff;   /* texte posé SUR l'accent */

  /* Signaux de donnée — pas de l'habillage */
  --ice:     #56ccf2;
  --ice-dim: #56ccf233;
  --glacier: #4fd6b8;
  --sun:     #f5b642;
  --rock:    #d08a67;

  /* Typographie — quatre voix, quatre emplois, jamais mélangés.
     ZODIAK (serif, 700) porte l'affichage, en casse normale : empattements en
     coin, fort contraste, la gravité d'un rapport d'expédition.
     TIMES NEW ROMAN tient ce qui se lit comme un document : le bloc du CV
     (composé en Times, comme le PDF), les résumés et le récit des projets.
     SWITZER (néo-grotesque) tient l'interface : menus, boutons, étiquettes.
     MARTIAN MONO ne sert QUE la donnée et les dates : chasse fixe, chiffres
     alignés en colonne comme sur un relevé d'instrument. Jamais de prose. */
  --font-display: 'Zodiak', 'Iowan Old Style', Georgia, serif;
  --font-texte: 'Times New Roman', Times, 'Liberation Serif', 'Nimbus Roman', serif;
  --font-body: 'Switzer', system-ui, -apple-system, sans-serif;
  --font-mono: 'Martian Mono', ui-monospace, monospace;

  /* Zodiak a trois graisses : il faut la déclarer, sinon le navigateur
     retombe sur le Regular. 700 plutôt que 900 : des titres plus légers. */
  --display-w: 700;

  /* Formes (taste-skill, 9/10/2026) : ANGLES NETS partout, une seule échelle.
     3 px pour les contrôles et étiquettes (boutons, filtres, onglets), 4 px pour
     les images, 6 px pour les blocs. Seuls les boutons d'icône (fermer, ×)
     restent ronds. Aucune « pilule » : un relevé de terrain, pas une application. */
  --r-ctl: 3px;
  --r-sm: 3px;
  --r:    4px;
  --r-lg: 6px;
  --nav-h: 3.875rem;   /* 62 px à 16 px */
  --wrap: 73.75rem;    /* 1 180 px à 16 px */

  /* Ombres teintées de l'encre, jamais noir pur. */
  --shadow: 0 2px 8px rgba(30,40,50,.10), 0 12px 40px rgba(30,40,50,.08);
  --ease: cubic-bezier(.22, .61, .36, 1);
}

/* --- Registre ENCRE ------------------------------------------------------
   Les pages d'outils sont reconnues sans toucher à leur HTML : la carte des
   lieux charge lieux.css, le modèle 3D a #scene, le nuage de points #vue.
   Les zones sombres des pages de lecture (visionneuses, carte d'un projet)
   prennent les mêmes valeurs. La colonne du CV (index.html) part de ce
   registre et éclaircit ses textes pour la lecture. */
:root:has(link[href*="lieux.css"]), :root:has(#scene), :root:has(#vue),
.visionneuse, .vue3d, .vue360, .carte-projet, .profil__gauche {
  --bg:        #06080b;
  --bg-2:      #0a0e13;
  --surface:   #111720;
  --surface-2: #19212b;
  --line:      #1e2732;
  --line-2:    #2c3845;
  --bg-rgb:    6, 8, 11;
  --registre:  encre;
  --fond-courbes: none;
  --txt:   #eef3f6;
  --txt-2: #8b9dab;
  --txt-3: #5d6c7a;
  --accent:     #8fb3d9;
  --accent-dim: #8fb3d926;
  --accent-hi:  #b3cde8;   /* survol : plus clair sur l'encre */
  --on-accent:  #0d1a28;
  --shadow: 0 2px 8px rgba(2,5,10,.55), 0 12px 40px rgba(2,5,10,.4);
  color: var(--txt);   /* le texte sans couleur propre hérite de l'encre, pas du papier */
}