@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');
/* ============================================================
   THÈME « CLAIR » — minimalisme suisse
   100 % clair : blanc pur, texte noir, un seul accent froid
   (vert sapin, clair pour les aplats, profond pour les liens),
   surface de marque gris très pâle teinté sapin, filets nets.
   Grotesque unique (Inter Tight en titres, Inter en texte),
   grille stricte, arrondis quasi nuls.
   ============================================================ */

:root {
  /* Surfaces */
  --bg: #ffffff;           /* fond de page : blanc pur */
  --card: #ffffff;         /* cartes : blanc, cernées d'un filet */
  --surface: #f3f4f4;      /* segments, pistes, cartes douces : gris neutre froid */
  --surface-2: #e3f1ec;    /* badge « Propriétaires » : sapin très pâle */
  --surface-warm: #eeeeec; /* badge « Locataires » : gris neutre (un seul accent) */

  /* Lignes / filets */
  --line: #e2e4e3;         /* bordures de cartes : filet fin */
  --input-line: #c9cecc;   /* bordures de champs */
  --line-2: #d2d6d4;       /* soulignés discrets */
  --line-3: #a9c7bc;       /* soulignés teintés sapin */

  /* Texte sur fond clair */
  --ink: #0b0d0c;          /* titres et texte fort : noir */
  --text: #454a48;         /* corps */
  --text-strong: #1e2221;  /* corps appuyé */
  --muted: #5c6361;        /* sur-titres, libellés */
  --warm-ink: #3a3e3c;     /* texte sur --surface-warm */
  --nav-inactive: #4a504e; /* onglet de nav inactif */

  /* Surface de marque (hero, bandeaux, pied de page) : 100 % clair,
     gris très pâle légèrement froid, teinté sapin, net sur le blanc */
  --brand-dark: #e5ebe8;

  /* Accent unique : vert sapin */
  --accent: #1f9a78;       /* sapin clair : boutons pleins, chiffres, mot en évidence */
  --accent-2: #0d5c47;     /* sapin profond : liens, survol, puces */
  --accent-on-brand: #0a5240; /* sapin très profond : mots en accent posés sur --brand-dark */

  /* Éléments posés sur --brand-dark (textes foncés sur la teinte pâle) */
  --on-dark-strong: #0b0d0c;
  --on-dark: #0b0d0c;
  --on-dark-text: #3c4240;
  --on-dark-muted: #535a58;
  --on-dark-bg: #2a2f2d;
  --on-dark-soft: #343a38;
  --on-dark-faint: #5a615f;
  --on-dark-line: #bfc8c4;
  --on-dark-card: #ffffff;

  --header-bg: rgba(255,255,255,.9);
  --on-dark-border: rgba(11,13,12,.24);

  /* Typographie : grotesque partout */
  --serif: 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --sans: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  /* Formes : arrondis quasi nuls */
  --r-pill: 2px;
  --r-xl: 4px;
  --r-lg: 2px;
  --r-md: 2px;
  --r-sm: 2px;
}

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