/* ==========================================================================
   POLARIX — jetons de conception
   Source de vérité unique : couleurs, typographie, espace, formes, courbes.
   Aucune valeur littérale ailleurs que dans ce fichier.

   PALETTE — « la vraie couleur de Polaris »
   -----------------------------------------
   Le fond reste le noir bleuté de l'identité : c'est le ciel, et c'est ce
   qui rend la marque reconnaissable. Ce qui change, c'est l'accent.

   Polaris n'est pas une étoile bleue. C'est une supergéante de type F7,
   d'indice de couleur B-V ~0,6 : blanc jaune, chaude. L'accent du site est
   donc chaud, et cette chaleur est astronomiquement juste et non
   décorative. Elle a aussi un mérite pratique : sur un fond bleu profond,
   l'ambre est la seule famille qui ressort sans avoir besoin d'un halo, et
   c'est le contraire de ce que font les autres agences, toutes en bleu et
   cyan. Elle est réservée à un seul rôle : ce qui guide. L'état actif, le
   cap en cours, l'action principale. Jamais un aplat, jamais un dégradé,
   jamais du texte long.

   Le bleu glace de l'identité reste, mais descend d'un rang : il n'est plus
   l'accent, il est la teinte des filets, des libellés secondaires et du
   ciel. Un seul accent sur la page, donc, au sens strict.
   ========================================================================== */

:root {
  color-scheme: dark;

  /* --- Fonds ------------------------------------------------------------ */
  --void:      #04060c;   /* fond de page                                   */
  --abyss:     #070b16;   /* surface de section, un cran au-dessus du fond  */
  --deep:      #0b1224;   /* surface secondaire, cartes, encarts            */
  --deep-2:    #101a33;   /* surface au survol, lit du duotone              */

  /* --- Encres ------------------------------------------------------------ */
  --paper:     #eef3fb;   /* titres, texte principal        16.9:1 / void   */
  --muted:     #909dbb;   /* corps de texte, légendes        7.6:1 / void   */
  --dim:       #5d6a88;   /* texte tertiaire                 4.6:1 / void   */
  --ice:       #a9c4ef;   /* filets, libellés froids, ciel   9.9:1 / void   */

  /* --- Accent unique ----------------------------------------------------- */
  --polaris:   #f2b75e;   /* ce qui guide                   11.4:1 / void   */
  --polaris-d: #c98f37;   /* même teinte, pour un texte sur fond clair      */

  /* --- Rose des vents ----------------------------------------------------
     Les facettes de la rose qui occupe le pôle des deux instruments. Même
     principe que l'étoile de marque : une moitié éclairée, une moitié
     ombrée, lumière venant de la gauche. La branche nord porte l'ambre :
     c'est la seule direction qui guide, elle a donc la couleur de ce qui
     guide.
     -------------------------------------------------------------------- */
  --rose-lit:     #eef3fb;
  --rose-shade:   #40699f;
  --rose-n-lit:   #f8c87a;
  --rose-n-shade: #b8802f;

  /* --- Filets ------------------------------------------------------------ */
  --line:       rgba(169, 196, 239, 0.14);
  --line-soft:  rgba(169, 196, 239, 0.07);
  --line-warm:  rgba(242, 183, 94, 0.34);

  /* --- Typographie ------------------------------------------------------- */
  --font-display: 'Archivo', 'Archivo Expanded', ui-sans-serif, system-ui, sans-serif;
  --font-ui:      'Geist', ui-sans-serif, system-ui, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-tech:    'B612 Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;

  /* L'axe de chasse d'Archivo, utilisé comme dispositif :
     les titres s'ouvrent, les micro-libellés se referment. */
  --wide:   125%;
  --normal: 100%;
  --narrow: 88%;

  /* --- Échelle typographique (fluide, sans media query) ------------------ */
  --t-mega:  clamp(3.1rem, 10.5vw, 10.5rem);
  --t-xxl:   clamp(2.5rem, 6.4vw, 5.5rem);
  --t-xl:    clamp(1.9rem, 3.8vw, 3.1rem);
  --t-lg:    clamp(1.35rem, 2.1vw, 1.75rem);
  --t-md:    clamp(1rem, 1.15vw, 1.125rem);
  --t-sm:    0.9375rem;
  --t-xs:    0.8125rem;
  --t-micro: 0.6875rem;

  /* --- Espace (dial densité : 3/10, aéré) -------------------------------- */
  --s-1:  0.5rem;
  --s-2:  1rem;
  --s-3:  1.75rem;
  --s-4:  3rem;
  --s-5:  5rem;
  --s-6:  clamp(6rem, 11vw, 11rem);   /* respiration entre sections         */

  --gutter: clamp(1.25rem, 5vw, 5.5rem);
  --shell:  1480px;
  --rail:   clamp(0px, 6vw, 84px);    /* largeur du rail de déclinaison     */
  --nav-h:  66px;

  /* --- Formes -----------------------------------------------------------
     Deux règles, aucune exception. Reprises de l'identité existante : elles
     sont ce qui donne au site son air d'instrument plutôt que d'application.
       interactif  -> pilule pleine
       conteneur   -> angle vif
     -------------------------------------------------------------------- */
  --r-pill: 999px;
  --r-box:  0px;

  /* --- Courbes ----------------------------------------------------------- */
  --ease:      cubic-bezier(0.16, 1, 0.3, 1);   /* sortie douce, standard   */
  --ease-io:   cubic-bezier(0.65, 0, 0.35, 1);  /* aller-retour             */
  --ease-snap: cubic-bezier(0.34, 1.4, 0.64, 1);/* léger dépassement        */

  --d-fast: 180ms;
  --d-mid:  420ms;
  --d-slow: 900ms;

  /* --- Plans (z-index : une seule échelle, documentée) ------------------- */
  --z-sky:   0;
  --z-page:  1;
  --z-rail:  40;
  --z-nav:   50;
  --z-menu:  60;
  --z-grain: 80;
  --z-skip:  100;
}