/* ============================================================================
   TSB digital — thème « Marine »
   ============================================================================
   Grammaire éditoriale large (serif monumentale, mono des micro-libellés,
   fond crème, respirations très larges) — palette bleu marine.

   Ancre chromatique : bleu marine — oklch(0.39 0.095 256), placée au palier
   `accent-dk`, sa luminosité naturelle. Rampe à teinte constante (H 256°,
   un marine qui ne vire pas au violet), chroma en cloche, chaque palier
   ramené dans sRGB. Dérivation et mesures : outils/deriver-palette.mjs.

   Stratégie de neutre : CONTRASTE de température (FRONTEND.md §4.2) — accent
   froid sur crème chaud. C'est ce qui donne sa profondeur au marine.
   Les encres ne sont plus brunes : elles empruntent la teinte de l'accent.
   ========================================================================== */

:root {

  /* --- SURFACES --- crème chaud, chroma ≤ 0,02 */
  --c-bg:        #FAF7F0;
  --c-bg-alt:    #F1ECE0;
  --c-surface:   #FFFDF8;
  --c-line:      #E2DCCF;

  /* --- ENCRE --- bleu nuit, jamais de noir pur (§4.3) */
  --c-ink:       #0E1A29;   /* 16,38:1 sur le crème */
  --c-ink-soft:  #38475C;   /*  8,83:1 sur le crème,  8,01:1 sur le beige */
  --c-ink-mute:  #4F5D70;   /*  5,69:1 sur le beige */
  --c-on-accent: #FFFDF8;

  /* --- ACCENT --- bleu marine, H = 256° constant */
  --c-accent-50:  #EEF4FC;
  --c-accent-200: #CADCF6;
  --c-accent-400: #8AADDD;
  --c-accent:     #4170AD;   /* 4,98:1 avec le crème — aplats, filets */
  --c-accent-dk:  #1F4577;   /* l'ancre — 9,49:1 avec le crème : boutons */
  --c-accent-ink: #112E52;   /* 12,77:1 sur le crème : liens */

  /* --- SIGNAL --- l'accent est bleu : le rouge se distingue seul */
  --c-error:     #A3262A;
  --c-error-bg:  #FBECEC;
  --c-ok:        #2F6B4F;

  /* --- TYPOGRAPHIE --- Newsreader + Red Hat Mono, auto-hébergées */
  --f-display: 'Newsreader', 'Iowan Old Style', Georgia, 'Times New Roman', serif;
  --f-body:    'Newsreader', 'Iowan Old Style', Georgia, serif;
  --f-mono:    'Red Hat Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --fs-xs:   .75rem;
  --fs-sm:   .8125rem;
  --fs-base: 1.0625rem;
  --fs-md:   1.25rem;
  --fs-lg:   1.5rem;

  --fs-h3:   clamp(1.5rem,  2.4vw,  2.125rem);
  --fs-h2:   clamp(2.25rem, 5.2vw,  4.25rem);
  --fs-h1:   clamp(3rem,    9.2vw,  8.125rem);
  --fs-huge: clamp(3.5rem,  11vw,   10rem);

  --lh-tight:      1.0;
  --lh-body:       1.55;
  --track-display: -0.035em;

  /* --- ESPACE --- */
  --s-1:  .25rem;  --s-2:  .5rem;   --s-3:  .75rem;  --s-4:  1rem;
  --s-5:  1.5rem;  --s-6:  2.5rem;  --s-7:  4.5rem;  --s-8:  7rem;
  --s-9:  11rem;   --s-10: 15rem;   --s-11: 20rem;

  /* --- FORME --- */
  --radius:    999px;
  --radius-lg: 20px;
  --max-w:     1320px;
  --measure:   52ch;

  /* --- MOUVEMENT --- */
  --ease:    cubic-bezier(.22, .61, .36, 1);
  --ease-io: cubic-bezier(.65, .05, .36, 1);
  --dur-xs:  140ms;
  --dur-sm:  280ms;
  --dur-md:  560ms;
  --dur-lg:  1000ms;

  /* --- Réglages hors contrat --- */
  --poids-display: 400;
  --poids-titre:   400;
  --capitales-surtitre: 0.14em;   /* 06-10-2026 : micro-libellés en capitales espacées (Nocturne) */

  /* Encre effacée — RÉSERVÉE au grand texte (≥ 24 px, seuil 3:1).
     3,55:1 sur le beige, 3,92:1 sur le crème : mots inactifs du savoir-faire. */
  --c-ink-faint: #707D8E;

  /* Bleu nuit — même teinte que la rampe (oklch 0.27 0.075 256), plus
     profond que accent-ink. Crème dessus : 14,89:1. Depuis le 30-09-2026,
     ce n'est plus un aplat : c'est un palier du fondu ci-dessous. */
  --c-profond: #09264A;

  /* Lune — le corps de texte sur la nuit (06-10-2026, direction « Nocturne »).
     Jamais le crème pur pour un paragraphe : il éblouit sur le bleu nuit.
     9,54:1 sur --c-profond. */
  --c-lune: #C5CEDC;

  /* --- FONDU « AUBE » (30-09-2026) — du bleu nuit à l'écru ----------------
     Demande : « plus un carré bleu, un fondu premium du bleu marine vers
     l'écru ». Un mélange direct du bleu et de l'écru traverse les neutres à
     mi-luminosité : il passe par un GRIS TERNE (c'était le défaut de la
     première reprise du jour). Ces paliers l'évitent : le bleu garde sa
     chroma jusqu'à une luminosité haute, puis un nacre chaud le fait céder
     à l'écru. Mesures « crème dessus » = texte --c-on-accent sur le palier.
     Le texte clair ne descend JAMAIS sous --c-aube-2. */
  --c-nuit-haut:   #051830;  /* 0,21 0,054 255 — le haut du ciel · crème 17,51:1 */
  --c-aube-1:      #123361;  /* 0,33 0,090 257 · crème 12,36:1 */
  --c-aube-2:      #2B5184;  /* 0,45 0,095 256 · crème 7,91:1 — dernier palier sous du texte */
  --c-aube-3:      #4D6E9E;  /* 0,53 0,080 257 · décor seul */
  --c-aube-4:      #8398BA;  /* 0,67 0,055 258 · décor seul */
  --c-aube-5:      #BCC3CF;  /* 0,81 0,018 256 · décor seul */
  --c-nacre:       #E6DECD;  /* 0,90 0,024 86  — la chaleur qui annonce l'écru */
  --c-nacre-clair: #F3ECDF;  /* 0,94 0,020 86 */

  /* --- DORÉ (30-09-2026) — touches discrètes -------------------------------
     Filets, puces, losanges, traits : du décor, jamais du texte courant sur
     fond clair (il faudrait descendre vers le brun pour tenir 4,5:1, et le
     brun a déjà été refusé sur ce site). Or clair réservé aux fonds bleus. */
  --c-or:        #B18C3F;  /* 0,66 0,105 84 — filets et puces sur clair : 2,93:1 écru (décor) */
  --c-or-fonce:  #99732B;  /* 0,58 0,100 80 — pictogrammes d'interface : 4,05:1 écru, 3,68:1 beige */
  --c-or-clair:  #D3B36A;  /* 0,78 0,100 87 — sur le bleu : 7,51:1 bleu nuit, 4,79:1 marine */
}