/* ==========================================================================
   Freelane · socle des pages qui ne sont pas encore la homepage v3.
   La homepage (frame 537:4) lit assets/tokens.css : OT Jubilee, Inter,
   General Sans, Geist Mono, Merriweather. Elle n'utilise pas Fraunces.
   --font-display et --font-sans restent le socle des autres pages.
   ========================================================================== */

/* --- Polices auto-hebergees ---------------------------------------------- */

/* Fraunces variable : graisses 100 a 900, vraie italique, plus un axe
   optique (opsz) pilote automatiquement par font-optical-sizing.
   Deux sous-ensembles : latin couvre le francais, latin-ext ne se
   telecharge que si un glyphe le demande. */
@font-face {
  font-family: 'Fraunces';
  src: url('/assets/fonts/Fraunces-Italic-latin.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Fraunces';
  src: url('/assets/fonts/Fraunces-Italic-latin-ext.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Fraunces';
  src: url('/assets/fonts/Fraunces-Roman-latin.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Fraunces';
  src: url('/assets/fonts/Fraunces-Roman-latin-ext.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* General Sans variable : axe de graisse continu de 200 a 700. */
@font-face {
  font-family: 'General Sans';
  src: url('/assets/fonts/GeneralSans-Variable.woff2') format('woff2');
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'General Sans';
  src: url('/assets/fonts/GeneralSans-VariableItalic.woff2') format('woff2');
  font-weight: 200 700;
  font-style: italic;
  font-display: swap;
}

/* --- Jetons des pages hors homepage -------------------------------------- */

:root {
  /* Familles historiques des pages pas encore migrées vers tokens.css.
     La homepage ne lit pas --font-display. */
  --font-display: 'OT Jubilee', 'Fraunces', Georgia, serif;
  --display-soft: 0;   /* axe SOFT de Fraunces, 0 a 100 : monter pour adoucir */
  --font-sans: 'General Sans', system-ui, -apple-system, sans-serif;

  /* Graisses General Sans */
  --w-light: 300;
  --w-regular: 400;
  --w-medium: 500;
  --w-semibold: 600;
  --w-bold: 700;

}

/* --- Defaut --------------------------------------------------------------- */

body {
  font-family: var(--font-sans);
  font-synthesis-weight: none; /* pas de faux gras : les deux familles en ont de vrais */
}

.font-serif,
.font-display {
  font-family: var(--font-display);
  font-optical-sizing: auto;          /* opsz suit la taille de rendu */
  font-variation-settings: 'SOFT' var(--display-soft);
  text-wrap: balance;                 /* ferrage equilibre, a la place des <br> forces */
}

.font-sans {
  font-family: var(--font-sans);
}

/* --- Palette etendue -----------------------------------------------------
   Quatre familles de 11 barreaux. Les barreaux marques (existant) sont les
   couleurs deja en production sur le site : elles gardent leur valeur exacte,
   l'echelle a ete construite autour d'elles, pas l'inverse.
   Teinte et saturation constantes par famille, luminosite strictement
   decroissante. Contraste verifie sur encre et sur blanc.
   -------------------------------------------------------------------------- */

:root {
  /* Or — accent de marque · teinte 42deg, saturation 63% */
  --gold-50: #FCF9F3;
  --gold-100: #F8F2E2;
  --gold-200: #F3E8D1;  /* existant */
  --gold-300: #EAD7A0;  /* existant */
  --gold-400: #DFB254;  /* existant */
  --gold-500: #C9A24D;  /* existant */
  --gold-600: #B8912E;  /* existant */
  --gold-700: #876115;  /* existant */
  --gold-800: #684F18;
  --gold-900: #473610;
  --gold-950: #2A2009;

  /* Encre — neutres chauds, structure du site · teinte 26deg, saturation 9% */
  --ink-50: #F8F6F3;  /* existant */
  --ink-100: #F0EFEA;  /* existant */
  --ink-200: #E2DED8;  /* existant */
  --ink-300: #D8D2CA;  /* existant */
  --ink-400: #A6A199;  /* existant */
  --ink-500: #8A8680;  /* existant */
  --ink-600: #756A62;
  --ink-700: #615C57;  /* existant */
  --ink-800: #453F3A;
  --ink-900: #2E2E2E;  /* existant */
  --ink-950: #1B1B1B;  /* existant */

  /* Succes — etats valides, badges positifs · teinte 148deg, saturation 53% */
  --success-50: #F3FBF7;
  --success-100: #E8F5EE;  /* existant */
  --success-200: #D1E7D9;  /* existant */
  --success-300: #ADE6C7;
  --success-400: #7BD6A5;
  --success-500: #48C682;
  --success-600: #229F6A;  /* existant */
  --success-700: #1F7A4D;  /* existant */
  --success-800: #156E38;  /* existant */
  --success-900: #15422A;
  --success-950: #0C2718;

  /* Alerte — erreurs, etats bloquants · teinte 0deg, saturation 74% */
  --danger-50: #FDF2F2;
  --danger-100: #FAE0E0;
  --danger-200: #F6C5C5;
  --danger-300: #F1A2A2;
  --danger-400: #F26D6D;  /* existant */
  --danger-500: #D64545;  /* existant */
  --danger-600: #BA1C1C;
  --danger-700: #921616;
  --danger-800: #6F1111;
  --danger-900: #4B0B0B;
  --danger-950: #2C0707;

  /* Alias de marque : ce que les maquettes et le brand book nomment.
     Ils pointent sur l'echelle, ils ne dupliquent pas les valeurs. */
  --ink: var(--ink-950);
  --ink-soft: var(--ink-700);
  --muted: var(--ink-500);
  --stone: var(--ink-200);
  --cream: var(--ink-100);
  --paper: var(--ink-50);
  --gold: var(--gold-500);
  --gold-light: var(--gold-400);
  --gold-pale: var(--gold-300);
}

/* --- Doublons a migrer ---------------------------------------------------
   Ces teintes sont encore dans les pages mais ne sont pas sur l'echelle :
   ce sont des quasi-doublons du barreau indique (ecart perceptuel dE).
   A remplacer au fil des passes, pas en un bloc.

   #5C5C5C  ( 154 usages)  ->  --ink-700  #615C57   dE 3.7
   #EBE8E5  ( 167 usages)  ->  --ink-100  #F0EFEA   dE 2.6
   #F7F5F2  (  33 usages)  ->  --ink-50  #F8F6F3   dE 0.3
   #F5F2F0  (  16 usages)  ->  --ink-50  #F8F6F3   dE 1.4
   #EFEBE6  (   5 usages)  ->  --ink-100  #F0EFEA   dE 1.6
   #C3BAB0  (   4 usages)  ->  --ink-300  #D8D2CA   dE 8.6
   #F4EFE5  (   3 usages)  ->  --ink-100  #F0EFEA   dE 2.9
   -------------------------------------------------------------------------- */