/*
 * Tokens de la charte MRP, extraits de expert-comptable-mrp.fr (septembre 2026)
 * Sources : /public/css/custom_6773acac627ef.css, /build/new.b2d7786f.css, HTML des pages Accueil et Nos missions.
 * Détail et justification : docs/charte-mrp.md
 */

@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url("../assets/fonts/oswald-latin-var.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: "Outfit";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../assets/fonts/outfit-latin-var.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;
}

:root {
  /* Couleurs de marque (relevées sur le site) */
  --mrp-or: #c3a887;            /* couleur principale : boutons, séparateurs, footer, h2 */
  --mrp-or-clair: #e5caa9;      /* secondaire : survol des boutons, pastille de surtitre */
  --mrp-noir: #000000;          /* h1, texte courant, liens */
  --mrp-encre: #121212;         /* h6, textes forts */
  --mrp-marine: #121331;        /* couleur primaire des pictogrammes animés du site */
  --mrp-blanc: #ffffff;

  /* Nuances dérivées (teintes / ombres des couleurs de marque) */
  --mrp-or-fonce: #7d6242;      /* or assombri : texte doré accessible sur fond clair (5,7:1 sur blanc) */
  --mrp-or-50: #f8f4ee;         /* fond de section alterné */
  --mrp-or-100: #f3ece2;        /* pistes de graphiques, fonds de champs */
  --mrp-or-200: #eadcc8;        /* bordures douces */
  --mrp-gris: #4a4a4a;          /* texte secondaire (noir éclairci, 8,9:1 sur blanc) */
  --mrp-gris-clair: #d9d4cc;    /* filets */

  /* Rôles */
  --c-fond: var(--mrp-blanc);
  --c-fond-alt: var(--mrp-or-50);
  --c-fond-sombre: var(--mrp-encre);
  --c-texte: var(--mrp-noir);
  --c-texte-2: var(--mrp-gris);
  --c-titre: var(--mrp-noir);
  --c-accent: var(--mrp-or);
  --c-accent-texte: var(--mrp-or-fonce);
  --c-bouton: var(--mrp-or);
  --c-bouton-texte: var(--mrp-encre);
  --c-bouton-survol: var(--mrp-or-clair);
  --c-focus: var(--mrp-or-fonce);

  /* Typographie (site : Oswald pour h1/h2, Outfit pour le reste) */
  --f-titre: "Oswald", "Arial Narrow", sans-serif;
  --f-texte: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-body: 1rem;              /* site : 16px, interligne 1.4, espacement 0.02em */
  --lh-body: 1.55;
  --ls-body: 0.02em;
  --fs-h1: clamp(2.3rem, 1.4rem + 3.6vw, 4rem);
  --fs-h2: clamp(1.75rem, 1.3rem + 1.8vw, 2.5rem); /* site : 2.5em */
  --fs-h3: 1.25rem;
  --lh-titre: 1.1;              /* site : 0.9 à 1.1 */

  /* Formes (site : pilules 50px, cartes 10px, blocs 20px) */
  --r-pilule: 50px;
  --r-carte: 10px;
  --r-bloc: 20px;
  --r-petit: 5px;

  /* Ombres (site : 1px 1px 10px rgba(0,0,0,.1)) */
  --sh-1: 1px 1px 10px rgba(0, 0, 0, 0.08);
  --sh-2: 0 10px 30px -12px rgba(0, 0, 0, 0.22);
  --sh-3: 0 22px 50px -20px rgba(0, 0, 0, 0.35);

  /* Séparateur sous les titres (site : border 2px solid or, largeur 20 %, s'allonge au survol) */
  --sep-epaisseur: 4px;
  --sep-largeur: 64px;
  --sep-largeur-survol: 120px;

  /* Mouvement */
  --t-rapide: 200ms;
  --t-moyen: 300ms;
  --t-lent: 400ms;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);

  /* Mise en page */
  --container: 1200px;
  --gutter: clamp(16px, 4vw, 32px);
  --header-h: 76px;
}