/* Bilan interactif dans la matière du nouveau site : l'outil est piloté par ses variables,
   on ne redéfinit que les jetons. Les couleurs de statut (optimal, à surveiller, hors zone) restent. */
:root {
  --blue: #1F1E1C; --cyan: #1F1E1C; --cyan-deep: #1F1E1C; --cyan-soft: #EAE6DB;
  --purple: #38362F; --violet: #38362F; --violet-deep: #1F1E1C; --violet-soft: #EAE6DB;
  --rust: #7C2D12; --instrument: #1F1E1C;
  --slate-50: #F9F7F2; --slate-100: #F4F1EA; --slate-200: #E3DED2; --slate-300: #D3CDBE; --slate-400: #8E8A80;
  --slate-500: #625F58; --slate-600: #4C4A43; --slate-700: #38362F; --slate-800: #2A2925; --slate-900: #1F1E1C;
  --paper: #F4F1EA; --card: #FFFFFF; --card-2: #F9F7F2; --line: #E3DED2; --line-strong: #D3CDBE;
  --radius: 14px; --r: 16px;
  --font: 'Geist', system-ui, sans-serif; --sans: 'Geist', system-ui, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --sh-sm: 0 1px 2px rgba(31, 30, 28, 0.05); --sh: 0 10px 30px -18px rgba(31, 30, 28, 0.25), 0 1px 2px rgba(31, 30, 28, 0.05); --sh-lg: 0 28px 56px -24px rgba(31, 30, 28, 0.35);
}
html, body { background: #F4F1EA; }
.mol-bg, [class^="mol-"], .hex-grid, .dna-strand { display: none !important; }
h1, h2, .hero h1, .hero__title, .section__title { font-family: "Fraunces", Georgia, serif !important; font-weight: 420 !important; letter-spacing: -0.01em; }