/* ============================================================================
 * base.css — SOURCE UNIQUE des tokens de design (couleurs + polices + gabarit).
 *
 * Servi par Express en /css/base.css et lié dans le <head> partagé (partials.HEAD),
 * AVANT le <style> de chaque page. Toutes les pages (accueil, ville, fiche, blog,
 * article, mentions légales) héritent donc EXACTEMENT des mêmes variables.
 *
 * Pour re-thémer le site (ou brancher le futur CMS) : changer une valeur ICI et
 * elle se propage partout. Ne PAS redéclarer :root dans les <style> de page.
 * ========================================================================== */

:root {
  /* ── Fonds & surfaces ─────────────────────────────────────────────────── */
  --bg: #F5F5FA;
  --bg-alt: #ECEEF8;
  --surface: #FFFFFF;
  --surface-2: #FBFBFE;

  /* ── Texte ────────────────────────────────────────────────────────────── */
  --ink: #141838;        /* texte principal */
  --ink-dark: #0E1338;   /* titres appuyés */
  --ink-soft: #3B4370;   /* texte secondaire */
  --ink-mute: #62688E;   /* AA 4,5:1 sur blanc/bg/bg-alt (audit PSI) */   /* légendes, méta */

  /* ── Lignes / séparateurs ─────────────────────────────────────────────── */
  --line: #D9DCEC;
  --line-soft: #E7E9F4;

  /* ── Accent (marque) ──────────────────────────────────────────────────── */
  --accent: #5B65DE;
  --accent-deep: #3A4BC2;
  --accent-soft: #E8EAFB;
  --accent-softer: #F1F2FC;

  /* ── Sémantiques ──────────────────────────────────────────────────────── */
  --success: #1FA66F;
  --success-soft: #E7F6EF;
  --success-text: #157A54;  /* vert TEXTE (AA 4,5:1 sur blanc/soft — --success reste pour icônes/fonds) */
  --danger: #C43D2E;
  --danger-soft: #FBEAE7;
  --star: #F4B400;       /* étoiles d'avis Google */

  /* ── Catégories d'avatars « initiales » (accueil) ─────────────────────── */
  --pink-bg: #FBE9EC;  --pink-fg: #B5455C;
  --green-bg: #E4F5E9; --green-fg: #2F7350;
  --blue-bg: #E4EEFB;  --blue-fg: #3A6DB0;

  /* ── Gabarit ──────────────────────────────────────────────────────────── */
  --maxw: 1160px;

  /* ── Polices (chargées via Google Fonts dans le <head>) ───────────────── */
  --font-sans: 'Kumbh Sans', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-serif: 'Newsreader', Georgia, serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, monospace;
}