/* ==========================================================================
   Une saison en France — Design tokens
   Palette : papier, lin, encre, paille. Modifier ici pour changer tout le site.
   ========================================================================== */

:root {
  /* Couleurs — thème clair */
  --papier: #FBF9F5;        /* fond principal */
  --lin: #F2ECE2;           /* surfaces beiges */
  --lin-fonce: #E6DDCF;     /* filets, bordures */
  --encre: #1E2433;         /* texte, boutons */
  --ardoise: #5B606D;       /* texte secondaire */
  --paille: #C9A452;        /* accent (utilisé avec parcimonie) */
  --paille-texte: #8A6A24;  /* accent lisible sur fond clair */
  --sur-image: #FBF9F5;     /* texte posé sur photo */
  --voile: rgba(20, 22, 30, .55);
  --focus: #3C4E86;
  --succes: #2F6B4F;
  --alerte: #9A3B2E;

  --bg: var(--papier);
  --surface: var(--lin);
  --texte: var(--encre);
  --texte-doux: var(--ardoise);
  --filet: var(--lin-fonce);
  --bouton-bg: var(--encre);
  --bouton-texte: var(--papier);

  /* Typographie */
  --f-titre: "USF Bodoni 14", Georgia, "Times New Roman", serif;
  --f-texte: "Jost", "Futura", "Avenir Next", "Helvetica Neue", Arial, sans-serif;

  --t-xs: .78rem;
  --t-sm: .9rem;
  --t-base: 1.05rem;
  --t-lg: 1.25rem;
  --t-xl: clamp(1.4rem, 1.15rem + 1vw, 1.9rem);
  --t-2xl: clamp(1.85rem, 1.35rem + 1.9vw, 2.75rem);
  --t-3xl: clamp(2.3rem, 1.5rem + 3.2vw, 4rem);

  /* Espaces */
  --s-1: .5rem;
  --s-2: 1rem;
  --s-3: 1.5rem;
  --s-4: 2.5rem;
  --s-5: 4rem;
  --s-6: clamp(4.5rem, 3rem + 6vw, 8.5rem);

  --gouttiere: clamp(1rem, .5rem + 3vw, 3rem);
  --largeur: 76rem;
  --largeur-texte: 38rem;

  --rayon: 2px;
  --rayon-pilule: 999px;

  --ease: cubic-bezier(.22, .61, .36, 1);
  --duree: .9s;

  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #14171F;
    --surface: #1C2029;
    --texte: #EEE9DF;
    --texte-doux: #A8A79F;
    --filet: #2C313C;
    --paille-texte: #D8B866;
    --bouton-bg: #EEE9DF;
    --bouton-texte: #14171F;
    --focus: #9DB0E8;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --bg: #14171F;
  --surface: #1C2029;
  --texte: #EEE9DF;
  --texte-doux: #A8A79F;
  --filet: #2C313C;
  --paille-texte: #D8B866;
  --bouton-bg: #EEE9DF;
  --bouton-texte: #14171F;
  --focus: #9DB0E8;
  color-scheme: dark;
}