/* ═══════════════════════════════════════════════════════════════
   ManiaKar — site web desktop — JETONS DE CHARTE (--mk-*)
   Repris À L'IDENTIQUE de deploy/styles.css (charte 2026, validée par
   Simon le 2026-08-04 / Hanken 2026-08-27). Aucune valeur inventée.
   Polices AUTO-HÉBERGÉES (RGPD : aucune requête vers Google).
═══════════════════════════════════════════════════════════════ */

@font-face{
  font-family:'Nunito Sans';
  font-style:normal;
  font-weight:200 1000;
  font-display:swap;
  src:url('../fonts/nunito-sans-latin.woff2') format('woff2');
  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:'Nunito Sans';
  font-style:normal;
  font-weight:200 1000;
  font-display:swap;
  src:url('../fonts/nunito-sans-latin-ext.woff2') format('woff2');
  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:'Hanken Grotesk';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url('../fonts/hanken-grotesk.woff2') format('woff2');
}

:root{
  /* ── Couleurs (charte --mk-) ── */
  --mk-vert-fonce:#0F3B2E;
  --mk-vert-marque:#006C46;
  --mk-vert-cta:#0B8054;   /* 21/09 : était #12A06A — blanc dessus = 3,35:1, sous la norme (4,5:1). Ici 4,96:1. */
  --mk-encre:#00241A;
  --mk-texte:#151D1A;
  --mk-texte-secondaire:#6B7770;
  --mk-fond:#FBFBF9;
  --mk-surface:#FFFFFF;
  --mk-surface-basse:#EDF6F0;
  --mk-surface-moyenne:#E7F0EA;
  --mk-surface-haute:#DCE5DF;
  --mk-bordure:#E5E8E2;
  --mk-contour:#717974;
  --mk-contour-clair:#C0C8C3;
  --mk-succes-fond:#7EF7B9;
  --mk-succes-texte:#007149;
  --mk-erreur:#BA1A1A;
  --mk-erreur-fond:#FFDAD6;
  --mk-ambre-texte:#B45309;
  --mk-ambre-fond:#FFFBEB;
  --mk-ambre-bordure:#FEF3C7;

  /* ── Typographie ── */
  --mk-police:'Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --mk-hanken:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --mk-graisse-normale:400;
  --mk-graisse-demi:600;

  /* ── Espacements ── */
  --mk-esp-xs:4px;
  --mk-esp-base:8px;
  --mk-esp-sm:12px;
  --mk-esp-md:16px;
  --mk-esp-lg:24px;
  --mk-esp-xl:32px;
  --mk-esp-xxl:48px;

  /* ── Rayons ── */
  --mk-rayon-sm:4px;
  --mk-rayon-md:8px;
  --mk-rayon-carte:12px;
  --mk-rayon-champ:10px;
  --mk-rayon-pilule:9999px;

  /* ── Élévation ── */
  --mk-ombre-douce:0 4px 20px -2px rgba(0,0,0,0.05);
  --mk-ombre-carte:0 1px 2px rgba(0,36,26,.04),0 10px 30px -8px rgba(0,36,26,.08);

  /* ── Spécifique site desktop (nouveau) ── */
  --mk-desktop-largeur:1200px;   /* largeur max du contenu, pleine largeur au-delà */
  --mk-desktop-marge:32px;       /* gouttière latérale */
  --mk-barre-hauteur:68px;       /* barre de navigation haute */
}