@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Nunito:ital,wght@0,400..800;1,400..700&display=swap');
/* ============================================================
   THÈME « PASTEL DOUX » — Doux Toit (marque fictive)
   Pastel accessible : lilas, menthe, pêche sur fond crème.
   Titres en Fredoka (ronde, amicale), corps en Nunito.
   Arrondis très généreux, lilas pâle comme surface de marque.
   100 % clair (règle client 2026-10-05) : aucune zone sombre.
   ============================================================ */

:root {
  /* Surfaces claires */
  --bg: #fffaf4;           /* crème très clair */
  --card: #ffffff;
  --surface: #f1ebfb;      /* lilas poudré : puces, segments doux */
  --surface-2: #def5ea;    /* menthe : badge « Propriétaires » */
  --surface-warm: #ffe6d8; /* pêche : badge « Locataires » */

  /* Lignes / bordures */
  --line: #ece4f4;
  --input-line: #ddd2ec;
  --line-2: #d3c6e6;
  --line-3: #a8dcc4;       /* souligné menthe */

  /* Texte sur fond clair */
  --ink: #34275f;          /* violet encre : titres, texte fort */
  --text: #5d5574;
  --text-strong: #463c66;
  --muted: #74689a;
  --warm-ink: #9c4624;     /* texte sur pêche */
  --nav-inactive: #4b4170;

  /* Surface de marque (hero, bandeaux, pied de page) : teinte claire */
  --brand-dark: #ddd0f5;   /* lilas pâle, nettement distinct de la crème */

  /* Accents */
  --accent: #f28c5e;       /* pêche : boutons pleins, chiffres, mot en évidence */
  --accent-2: #1f7a5a;     /* menthe profonde : liens, survol, puces */
  --accent-on-brand: #5b34b8; /* violet profond : mot en accent sur le lilas */

  /* Éléments posés sur --brand-dark (violet encre foncé) */
  --on-dark-strong: #2a1f52;
  --on-dark: #2e2257;
  --on-dark-text: #3b3065;
  --on-dark-muted: #4f4479;
  --on-dark-bg: #352a5e;
  --on-dark-soft: #3b3065;
  --on-dark-faint: #584d82;
  --on-dark-line: #bfaee6;
  --on-dark-card: #f8f4ff; /* carte lilas très clair sur la surface de marque */

  --header-bg: rgba(255,250,244,.9);
  --on-dark-border: rgba(52,39,95,.28);

  /* Typographie */
  --serif: 'Fredoka', 'Nunito', system-ui, sans-serif;
  --sans: 'Nunito', system-ui, sans-serif;

  /* Formes (arrondis très généreux) */
  --r-pill: 999px;
  --r-xl: 44px;
  --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); }