/*
 * Jetons de la charte Niry Consulting — SOURCE DE VÉRITÉ UNIQUE du site.
 * Alignés sur les pages ressources (lead-resources.css) : couleurs réelles du logo,
 * Source Sans 3 pour le texte, Poppins pour les accents. Polices hébergées sur le site (OFL).
 * Thème clair uniquement (comme les ressources) : le logo n'existe pas en version pour fond sombre.
 */

@font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 200 900; font-display: swap;
  src: url("../fonts/source-sans-3-variable.woff2") format("woff2"); }
@font-face { font-family: "Source Sans 3"; font-style: italic; font-weight: 200 900; font-display: swap;
  src: url("../fonts/source-sans-3-variable-italic.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("../fonts/poppins-600.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("../fonts/poppins-700.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 800; font-display: swap;
  src: url("../fonts/poppins-800.woff2") format("woff2"); }

:root {
  color-scheme: light;

  /* Couleurs */
  --c-bg:          #ffffff;
  --c-bg-alt:      #f3f7fa;   /* fond bleuté des zones de respiration */
  --c-surface:     #ffffff;
  --c-ink:         #2b3550;   /* titres, bordures fortes, bandeaux sombres */
  --c-text:        #3a4357;   /* texte courant */
  --c-muted:       #5d6678;   /* texte secondaire */
  --c-line:        #dde4ec;   /* filets */
  --c-accent:      #43B6C2;   /* turquoise du logo : repères, filets, pastilles. Jamais en texte sur fond clair. */
  --c-accent-ink:  #285C78;   /* bleu profond du logo : boutons, liens, mots forts */
  --c-accent-soft: #e7f5f7;   /* fond teinté turquoise */
  --c-on-accent:   #0f1d2b;   /* texte posé sur le turquoise */
  --c-alert:       #a3392f;   /* erreurs, informations à signaler (jamais décoratif) */
  --c-alert-bg:    #fbefed;
  --c-alert-line:  #c65a4f;
  --c-on-dark:     #eef3f7;   /* texte sur bandeau sombre */
  --c-on-dark-mut: #b9c4d2;
  --c-dark-line:   #43506e;

  /* Polices */
  --f-sans:    "Source Sans 3", "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
  --f-display: "Poppins", "Source Sans 3", "Helvetica Neue", Arial, sans-serif;

  /* Échelle typographique (mobile → ordinateur) */
  --t-hero:  clamp(2.4rem, 1.5rem + 3.6vw, 3.8rem);
  --t-h1:    clamp(2.1rem, 1.4rem + 3.2vw, 3.4rem);
  --t-h2:    clamp(1.7rem, 1.25rem + 2vw, 2.6rem);
  --t-h3:    clamp(1.1rem, 1.04rem + 0.3vw, 1.25rem);
  --t-lead:  clamp(1.12rem, 1.04rem + 0.45vw, 1.35rem);
  --t-body:  1.125rem;
  --t-small: 0.97rem;
  --t-tiny:  0.8rem;

  /* Espacements */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: clamp(3.5rem, 2.5rem + 5vw, 6.5rem);

  /* Formes */
  --wrap:      74rem;
  --wrap-text: 40rem;
  --gutter:    1.15rem;
  --r:         10px;    /* boutons */
  --r-card:    18px;    /* cartes */
  --border:    2px;
  --rule:      4px;     /* filet d'accent */
  --offset:    6px;     /* ombre décalée « dure » : signature, réservée aux éléments actifs */
  --ease:      cubic-bezier(.2, .7, .2, 1);
}

@media (min-width: 48rem) {
  :root { --gutter: 2rem; }
}