@import url('https://fonts.googleapis.com/css2?family=Caprasimo&family=Work+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');
/* ============================================================
   THEME MOUTARDE RÉTRO — « Studio Loyer »
   Années 70, chaleureux et 100 % clair : crème, moutarde pâle,
   orange brûlé, textes brun chocolat.
   Titres en Caprasimo (esprit Cooper Black), corps en Work Sans.
   Formes bien rondes.
   ============================================================ */

:root {
  /* Surfaces claires (crème) */
  --bg: #f5e9d0;           /* fond de page : crème chaude */
  --card: #fdf6e7;         /* cartes : crème plus claire */
  --surface: #eddcb8;      /* puces, segments doux : sable */
  --surface-2: #f5dfa3;   /* badge « Propriétaires » : moutarde pâle */
  --surface-warm: #f6d0b2; /* badge « Locataires » : orange brûlé pâle */

  /* Lignes / bordures */
  --line: #e3cfa6;
  --input-line: #d6bf92;
  --line-2: #cdb185;
  --line-3: #c99a52;

  /* Texte sur fond clair */
  --ink: #3a1f12;          /* brun très foncé : titres et texte fort */
  --brand-dark: #e6dcab;   /* moutarde safranée pâle : hero, bandeaux, pied de page */
  --text: #67422b;
  --text-strong: #4f301d;
  --muted: #7c5633;
  --warm-ink: #7a3210;
  --nav-inactive: #5b3a24;

  /* Accents */
  --accent: #e3a623;       /* moutarde : boutons pleins, chiffres, mot en évidence */
  --accent-2: #a8431a;     /* orange brûlé : liens, survol, puces */
  --accent-on-brand: #8c3311; /* orange brûlé profond : mots en accent sur la moutarde pâle */

  /* Éléments posés sur la moutarde pâle (textes brun chocolat) */
  --on-dark-strong: #3a1f12;
  --on-dark: #3a1f12;
  --on-dark-text: #5a3219;
  --on-dark-muted: #6e4423;
  --on-dark-bg: #4f2c17;
  --on-dark-soft: #5a3219;
  --on-dark-faint: #7a5230;
  --on-dark-line: #bf8f36;
  --on-dark-card: #fcefcf;  /* carte crème posée sur la moutarde pâle */

  --header-bg: rgba(245,233,208,.9);
  --on-dark-border: rgba(58,31,18,.4);

  /* Typographie */
  --serif: 'Caprasimo', 'Cooper Black', 'Georgia', serif;
  --sans: 'Work Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Formes (arrondis) : bien ronds, esprit seventies */
  --r-pill: 999px;
  --r-xl: 48px;
  --r-lg: 32px;
  --r-md: 24px;
  --r-sm: 16px;
}

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