/* ==========================================================================
   theme.css — variante SÉRÉNITÉ
   >>> C'est le fichier à modifier en premier pour adapter le template à un
   nouveau client : couleurs, polices, rayons. <<<

   Univers naturel et apaisant : sauge, sable, beaucoup de blanc. Pensé pour
   les métiers du soin et du bien-être — coiffure, esthétique, thérapies
   manuelles, yoga, naturopathie, magasins bio.

   Le parti pris n'est pas une couleur mais un rythme : des teintes
   désaturées, des rayons très larges et des espaces généreux. Ce qui calme un
   regard, c'est le vide autant que la teinte.
   ========================================================================== */

:root {
  --color-bg: #fbfaf7;
  --color-bg-alt: #eef2ec;
  --color-surface: #ffffff;
  --color-text: #414b47;
  --color-text-muted: #5e6a65;
  --color-heading: #2c3a33;
  --color-primary: #61876a;
  --color-primary-hover: #4e7057;
  --color-on-primary: #ffffff;
  --color-accent: #b99a68;
  --color-border: #e3e9e2;

  /* Fond du pied de page : volontairement absent du bloc sombre. C'est un
     aplat foncé sur lequel un texte clair est posé en dur ; le laisser suivre
     le thème l'éclaircirait jusqu'à rendre ce texte illisible. */
  --color-footer-bg: #2c3a33;

  /* Une sans humaniste pour les titres, aux formes ouvertes et sans angle
     vif. Une serif aurait ajouté du caractère là où l'on cherche à en
     retirer. */
  --font-heading: Optima, Candara, "Gill Sans", "Gill Sans MT", "Segoe UI", sans-serif;
  --font-body: "Segoe UI", system-ui, -apple-system, sans-serif;

  /* Rayons très larges : c'est eux, plus que la couleur, qui portent la
     douceur de cette variante. */
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 32px;

  /* Ombres larges et presque transparentes : on veut une profondeur devinée,
     pas un relief marqué. */
  --shadow-sm: 0 2px 10px rgba(44, 58, 51, 0.05);
  --shadow-md: 0 18px 44px rgba(44, 58, 51, 0.09);
}

[data-theme="dark"] {
  /* Vert très sombre plutôt que gris : la nuit d'un jardin, pas d'un bureau. */
  --color-bg: #161e1a;
  --color-bg-alt: #1c2721;
  --color-surface: #1f2b24;
  --color-text: #ccd6d0;
  --color-text-muted: #94a19b;
  --color-heading: #eef4f0;
  --color-primary: #8fb397;
  --color-primary-hover: #a5c5ac;
  --color-on-primary: #161e1a;
  --color-accent: #d0b78d;
  --color-border: #2d3a33;

  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 18px 44px rgba(0, 0, 0, 0.42);
}