@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Spectral:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&display=swap');
/* ============================================================
   THÈME « AZUR GESTION » — Méditerranéen lumineux
   Blanc chaux, bleu azur profond, touche d'ocre soleil.
   Serif classique ensoleillée (Spectral) + sans ronde (Nunito Sans),
   arrondis doux et généreux. Thème 100 % clair : la surface de
   marque est un bleu ciel pâle, textes posés dessus en bleu profond.
   ============================================================ */

:root {
  /* Surfaces claires */
  --bg: #fcfaf5;           /* fond de page : blanc chaux */
  --card: #ffffff;         /* cartes : blanc pur */
  --surface: #f3eee3;      /* puces / segments doux : sable pâle */
  --surface-2: #e3eff8;    /* badge « Propriétaires » : azur très pâle */
  --surface-warm: #f9ead0; /* badge « Locataires » : ocre pâle */

  /* Lignes / bordures */
  --line: #ece5d7;         /* bordures de cartes, ton pierre */
  --input-line: #e0d7c5;   /* bordures de champs */
  --line-2: #d6cbb5;       /* soulignés discrets */
  --line-3: #b3cde2;       /* soulignés très discrets, azur */

  /* Texte sur fond clair */
  --ink: #0f3c64;          /* titres / texte fort : bleu de Méditerranée */
  --text: #475b6d;         /* corps : bleu-gris */
  --text-strong: #2b4257;  /* corps appuyé */
  --muted: #5e7185;        /* sur-titres / libellés */
  --warm-ink: #85550e;     /* texte sur --surface-warm */
  --nav-inactive: #34506a; /* onglet de nav inactif */

  /* Surface de marque, claire (hero, bandeaux d'appel, pied de page, bouton de nav) */
  --brand-dark: #cfe4f4;   /* bleu ciel pâle, ciel d'été */

  /* Accents */
  --accent: #e3a13f;       /* ocre soleil : boutons pleins, chiffres clés, mot en évidence */
  --accent-2: #1b6aae;     /* azur vif : liens, survol, puces ✳ */
  --accent-on-brand: #8a5208; /* ocre brûlé : mot en accent posé sur le bleu ciel */

  /* Éléments posés sur --brand-dark (bleu profond sur ciel pâle) */
  --on-dark-strong: #0f3c64;
  --on-dark: #0b3357;
  --on-dark-text: #23405a;
  --on-dark-muted: #3f5870;
  --on-dark-bg: #1e3b56;
  --on-dark-soft: #2b4257;
  --on-dark-faint: #4a627a;
  --on-dark-line: #a6c8e2;
  --on-dark-card: #f5faff;

  /* Divers */
  --header-bg: rgba(252,250,245,.9);
  --on-dark-border: rgba(15,60,100,.22);

  /* Typographie */
  --serif: 'Spectral', Georgia, 'Times New Roman', serif;
  --sans: 'Nunito Sans', 'Segoe UI', system-ui, sans-serif;

  /* Formes : arrondis doux, galets polis */
  --r-pill: 999px;
  --r-xl: 38px;
  --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); }