:root{
  /* Couleurs */
  --navy:#15315E; --navy-deep:#0E2244; --navy-soft:#1F4180;
  --red:#E30613; --red-dark:#B30410;
  --ink:#0E1828; --ink-2:#3A4456; --ink-3:#6B7484;
  --line:#E4E6EC; --line-2:#EEF0F4;
  --bg:#F7F7F4; --bg-2:#FFFFFF; --bg-cream:#F1EFE8;
  /* Rayons */
  --radius-s:4px; --radius-m:8px; --radius-l:14px;
  /* Ombres */
  --shadow-s:0 1px 2px rgba(14,24,40,.04),0 2px 8px rgba(14,24,40,.05);
  --shadow-m:0 2px 6px rgba(14,24,40,.06),0 12px 32px rgba(14,24,40,.08);
  --shadow-l:0 8px 16px rgba(14,24,40,.08),0 28px 64px rgba(14,24,40,.12);
  /* Grille */
  --max:1320px;
  /* Typo */
  --display:"Archivo","Inter",sans-serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;
  --mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,monospace;
}
/* Motifs reproductibles en pur CSS (préférable aux SVG pour les fonds) */
.fl-grid-light{background-image:linear-gradient(rgba(21,49,94,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(21,49,94,.04) 1px,transparent 1px);background-size:56px 56px;background-position:-1px -1px}
.fl-grid-dark{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:56px 56px}
.fl-hatch-light{background-color:var(--bg-cream);background-image:repeating-linear-gradient(135deg,rgba(21,49,94,.04) 0 2px,transparent 2px 14px)}
.fl-hatch-dark{background-color:var(--navy-deep);background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 2px,transparent 2px 18px)}