@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,300..600&family=Figtree:wght@400;500;600;700&display=swap');
/* ============================================================
   THEME « terracotta-chaleur » — marque de démonstration Garance
   Naturel et chaleureux : crème, terracotta, olive et sauge,
   serif humaniste (Fraunces) + sans douce (Figtree), arrondis généreux.
   100 % clair : la surface de marque est une sauge pâle.
   ============================================================ */

:root {
  /* Surfaces claires (crème, sable, sauge, terre cuite pâle) */
  --bg: #f8f2e7;
  --card: #fffbf4;
  --surface: #f0e6d5;
  --surface-2: #e6ebd9;     /* badge « Propriétaires » : sauge pâle */
  --surface-warm: #f7e1d3;  /* badge « Locataires » : terre cuite pâle */

  /* Lignes / bordures */
  --line: #e8dcc8;
  --input-line: #ddcfb8;
  --line-2: #d4c4aa;
  --line-3: #bcc6a6;

  /* Texte sur fond clair */
  --ink: #1d2317;           /* titres et texte fort : olive presque noir */
  --brand-dark: #d2dabd;    /* surface de marque CLAIRE : vert sauge pâle (règle 100 % clair) */
  --text: #5b5445;
  --text-strong: #3e382c;
  --muted: #7b6c56;
  --warm-ink: #8f4322;
  --nav-inactive: #4a4838;

  /* Accents */
  --accent: #d07046;        /* terracotta : boutons pleins, chiffres, mot en évidence */
  --accent-2: #556d34;      /* olive : liens, survol, puces */
  --accent-on-brand: #923e1d; /* terracotta profond : mots en accent posés sur la sauge */

  /* Éléments posés sur --brand-dark (sauge pâle) : olives et bruns foncés */
  --on-dark-strong: #1d2317;
  --on-dark: #1d2317;
  --on-dark-text: #3c4430;
  --on-dark-muted: #535a3e;
  --on-dark-bg: #343d29;
  --on-dark-soft: #3d3a2c;
  --on-dark-faint: #5d5a45;
  --on-dark-line: #aab790;
  --on-dark-card: #f9f8ef;

  --header-bg: rgba(248,242,231,.9);
  --on-dark-border: rgba(53,66,44,.28);

  /* Typographie */
  --serif: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --sans: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Formes (arrondis généreux) */
  --r-pill: 999px;
  --r-xl: 32px;
  --r-lg: 24px;
  --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); }