/* ============================================================
   Design tokens — LOVE MODE (light theme)
   Validated palette from Sarah's brief. Do not change hex values
   without her approval — this is the reference design system.
   ============================================================ */
:root{
  color-scheme: light;
  --bg: #FFF8F8;
  --rose-poudre: #FCE1E8;
  --rose-fleur: #F7B7CE;
  --rose-principal: #EC77A5;
  --framboise: #C94F7C;
  --peche: #FFD9C7;
  --lilas: #E7D5FA;
  --lavande: #CDB5F4;
  --vert-sauge: #DCEEE4;
  --jaune-champagne: #F5D477;
  --texte-principal: #63334C;
  --texte-secondaire: #9D7186;
  --texte-eteint: #C89BAE;
  --carte-bordure: #FCE1E8;
  --carte-bordure-forte: #F7B7CE;

  --font-title: 'Playfair Display', serif;
  --font-body: 'Quicksand', sans-serif;

  --radius-card: 26px;
  --radius-btn: 20px;
  --radius-pill: 34px;

  --shadow-soft: 0 8px 24px rgba(236, 119, 165, 0.14);
  --shadow-btn: 0 6px 16px rgba(236, 119, 165, 0.35);
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--bg);
  color: var(--texte-principal);
  font-family: var(--font-body);
  -webkit-tap-highlight-color: transparent;
}

h1, h2, h3 { font-family: var(--font-title); font-weight: 500; margin: 0; }

button { font-family: var(--font-body); }

a { color: inherit; }

/* Tous les champs de saisie : texte toujours lisible (jamais blanc sur clair),
   et pas de contour gris foncé du navigateur au focus. */
input, textarea, select {
  color: var(--texte-principal);
  -webkit-text-fill-color: var(--texte-principal);
  caret-color: var(--rose-principal);
}
input::placeholder, textarea::placeholder {
  color: var(--texte-eteint);
  -webkit-text-fill-color: var(--texte-eteint);
  opacity: 1;
}
input:focus, textarea:focus, select:focus, button:focus { outline: none; }
button:focus-visible { outline: 2px solid var(--rose-fleur); outline-offset: 2px; }