/*
 * da.css : les jetons de la direction artistique du site.
 *
 * Une seule famille d'accent, la turquoise. Aucun mode sombre, aucun rose.
 * Les formes sont celles du thème d'origine : boutons 6 px, cartes 12 px,
 * images 12 px. Les noms de variables ne changent pas : kit-article.css,
 * kit-vivant.css et les composants du thème les lisent tels quels.
 */
:root {
  --f-titre: "Montserrat", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-texte: "Merriweather", Georgia, "Times New Roman", serif;
  --f-graisse-titre: 700;
  --f-casse-kicker: normal;

  --tm: 0.8rem;
  --t1: 1rem;
  --t2: 1.25rem;
  --t3: 1.562rem;
  --t4: 1.953rem;
  --t5: 2.441rem;
  --t6: 3.052rem;
  --t7: 3.815rem;
  --t-hero: clamp(2.3rem, 4.4vw, 3.6rem);

  --e1: 0.25rem;
  --e2: 0.5rem;
  --e3: 0.75rem;
  --e4: 1rem;
  --e5: 1.5rem;
  --e6: 2rem;
  --e7: 3rem;
  --e8: 4rem;

  /* Formes du thème */
  --r-bouton: 6px;
  --r-carte: 12px;
  --r-image: 12px;

  --largeur: 1200px;
  --largeur-texte: 34em;
  --ico-trait: 2;
  --header-h: 132px;
  --bandeau-h: 40px;

  /* Surfaces */
  --c-fond: #fdfdfd;
  --c-fond-2: #f2fbfa;
  --c-surface: #ffffff;
  --c-texte: #1f2e2d;
  --c-texte-2: #5b6f6e;
  --c-bord: #d5dedd;

  /* Accent unique */
  --c-primaire: #10d5cc;
  --c-sur-primaire: #0b3b39;
  --c-primaire-texte: #097672;
  --c-primaire-fonce: #075b58;
  --c-pale: #e6f8f6;
  --c-encre: #0b3b39;

  /* Aplat sombre : reste sombre dans les deux modes */
  --c-voile: #0c1818;
  --c-sur-voile: #ffffff;
  --c-ombre: #0f2423;

  --o-carte: 0 1px 2px color-mix(in srgb, #0f2423 8%, transparent),
    0 8px 24px color-mix(in srgb, #0f2423 8%, transparent);
  --o-survol: 0 18px 40px -12px color-mix(in srgb, #0f2423 28%, transparent);

  /* Cartes */
  --carte-fond: #ffffff;
  --carte-encre: #1f2e2d;
  --carte-encre-2: #5b6f6e;
  --carte-lien: #097672;
  --carte-bord: 1px solid #d5dedd;

  /* Boutons */
  --btn-fond: #097672;
  --btn-texte: #ffffff;
  --btn-bord: 1px solid #097672;
  --btn-ombre: none;
  --btn-deco: none;
  --btn-haut: #075b58;

  /* Liens */
  --lien-couleur: #097672;
  --lien-deco: none;
  --lien-epaisseur: 1px;
  --lien-fond: transparent;
  --lien-fond-encre: #097672;
}

/* Light mode forcé : aucune règle de thème sombre nulle part. */
html.light,
html {
  color-scheme: light;
}