@import url('https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700&family=Unbounded:wght@500;700&display=swap');
/* ============================================================
   THEME BREF (franc-brutaliste) — pop graphique lumineux
   Blanc pur, encre bleu cobalt profond, boutons mandarine vive,
   surface de marque bleu ciel pâle, liens cobalt.
   Unbounded (display géométrique, chargée en 500/700 : les titres
   demandés en 400 sortent en 500, plus affirmés) + Onest pour le corps.
   Arrondis généreux : pilules 999px, cartes 26px.
   100 % clair (règle client 2026-10-05) : aucune zone sombre.
   ============================================================ */

:root {
  /* Surfaces claires */
  --bg: #ffffff;           /* blanc pur */
  --card: #ffffff;         /* cartes blanches cernées d'un filet cobalt pâle */
  --surface: #eaf1ff;      /* bleu glace : barre de nav, puces, segments */
  --surface-2: #dde7ff;    /* bleu pervenche pâle : badge Propriétaires */
  --surface-warm: #ffe5d2; /* mandarine pâle : badge Locataires */

  /* Lignes / bordures : cobalt pâle */
  --line: #d3def6;
  --input-line: #b8c7ec;
  --line-2: #c9d6f3;
  --line-3: #a8bceb;

  /* Texte sur fond clair : famille cobalt, jamais noir */
  --ink: #0e1a7a;          /* bleu cobalt très profond : titres et texte fort */
  --brand-dark: #c6e2ff;   /* bleu ciel pâle : hero, bandeaux, pied de page, bouton de nav */
  --text: #303c7c;
  --text-strong: #18246f;
  --muted: #56619a;
  --warm-ink: #a03a00;     /* mandarine brûlée sur --surface-warm */
  --nav-inactive: #34407f;

  /* Accents */
  --accent: #ff6000;          /* mandarine vive : boutons pleins, chiffres, mot en évidence */
  --accent-2: #2346dc;        /* cobalt : liens, survol, puces */
  --accent-on-brand: #1b3ccb; /* cobalt profond : mots en accent posés sur --brand-dark */

  /* Éléments posés sur --brand-dark (bleu ciel pâle) : textes foncés cobalt */
  --on-dark-strong: #0e1a7a;
  --on-dark: #0e1a7a;
  --on-dark-text: #24307a;
  --on-dark-muted: #38458a;
  --on-dark-bg: #1a2675;
  --on-dark-soft: #24307a;
  --on-dark-faint: #3f4c8c;
  --on-dark-line: #96bdeb;
  --on-dark-card: #ffffff;

  --header-bg: rgba(255,255,255,.9);
  --on-dark-border: rgba(14,26,122,.3);

  /* Typographie */
  --serif: 'Unbounded', 'Arial Black', system-ui, sans-serif;
  --sans: 'Onest', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* Formes (arrondis généreux) */
  --r-pill: 999px;
  --r-xl: 34px;
  --r-lg: 26px;
  --r-md: 18px;
  --r-sm: 12px;
}

body { margin:0; background:var(--bg); font-family:var(--sans); color:var(--text-strong); }
a:hover { color:var(--accent-2); }