@font-face { font-family: 'Manrope'; font-weight: 700; font-style: normal; font-display: swap; src: url('/polices/manrope-700-latin.woff2') format('woff2'); }
@font-face { font-family: 'Manrope'; font-weight: 800; font-style: normal; font-display: block; src: url('/polices/manrope-800-latin.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-weight: 400; font-style: normal; font-display: swap; src: url('/polices/inter-400-latin.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-weight: 600; font-style: normal; font-display: swap; src: url('/polices/inter-600-latin.woff2') format('woff2'); }
@font-face { font-family: 'Fragment Mono'; font-weight: 400; font-style: normal; font-display: swap; src: url('/polices/fragment-mono-400-latin.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;
  --nuit-page: #06050B;
  --nuit-plan: #0A0812;
  --nuit-fenetre: #14101C;
  --nuit-texte: #F2F9FC;
  --nuit-secondaire: rgba(242,249,252,.62);
  --nuit-focus: #5DB0FF;
  --bouton: #0066E0;
  --papier-trame: rgba(28,22,41,.08);
  --papier-trame-motif: radial-gradient(circle at 8px 8px, var(--papier-trame) .9px, transparent 1.4px);
  --papier-grain: .25;
  --grain-tuile: url('/grain.png') 0 0 / 128px 128px;
}

*, *::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; }