/* Charte Synseria pour le site (spec § 7) : polices servies par le site (jamais Google Fonts), couleurs, base typographique. */
@font-face { font-family: 'Manrope'; font-weight: 700; font-style: normal; font-display: swap; src: url('/polices/manrope-700.woff2') format('woff2'); }
@font-face { font-family: 'Manrope'; font-weight: 800; font-style: normal; font-display: swap; src: url('/polices/manrope-800.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-weight: 400; font-style: normal; font-display: swap; src: url('/polices/inter-400.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-weight: 600; font-style: normal; font-display: swap; src: url('/polices/inter-600.woff2') format('woff2'); }
@font-face { font-family: 'Fragment Mono'; font-weight: 400; font-style: normal; font-display: swap; src: url('/polices/fragment-mono-400.woff2') format('woff2'); }

:root {
  --fond: #F2F9FC;
  --encre: #1C1629;
  --gris: #5B556B;
  --bordure: #EAE9F5;
  --carte: #FFFFFF;
  --bleu: #0080FF;
  --bleu-survol: #0072E5;
  --repere: #C9D6E3;
  --titre: 'Manrope', system-ui, sans-serif;
  --texte: 'Inter', system-ui, sans-serif;
  --mono: 'Fragment Mono', ui-monospace, monospace;
}

*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--fond); color: var(--encre); font: 400 16px/1.55 var(--texte); }
h1, h2, h3 { font-family: var(--titre); color: var(--encre); margin: 0; }
a { color: var(--encre); text-underline-offset: 2px; }
:focus-visible { outline: 3px solid var(--bleu); outline-offset: 2px; }