/*
 * SLV Beauty — jetons de la charte. SEUL fichier à remplacer quand les vrais
 * assets arrivent (couleurs, polices, rayons, ombres, mouvements).
 *
 * Charte d'attente, neutre et élégante (22/10/2026) : ivoire chaud, encre
 * brun profond, accent taupe rosé. Les e-mails lisent aussi les couleurs du
 * premier bloc :root ci-dessous (src/courriel.php) : garder la forme
 * « --slv-nom: valeur; », une par ligne.
 *
 * Logo : déposer public/assets/marque/logo.svg ; il remplace alors le nom
 * écrit en toutes lettres dans l'en-tête et le pied de page.
 * Polices : déclarer ici les @font-face (fichiers dans public/assets/polices/,
 * la CSP n'autorise que 'self'), puis changer --slv-police-titre / -texte.
 */

:root {
  --slv-fond: #f7f3ef;
  --slv-surface: #ffffff;
  --slv-surface-2: #f1ebe5;
  --slv-texte: #2a2421;
  --slv-texte-doux: #6e625c;
  --slv-accent: #9c7a66;
  --slv-accent-fort: #7d5f4d;
  --slv-accent-encre: #ffffff;
  --slv-accent-doux: #efe3da;
  --slv-ligne: #e7ddd5;
  --slv-succes: #4f7a5a;
  --slv-alerte: #b0473a;
  --slv-police-titre: "Cormorant Garamond", "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  --slv-police-texte: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --slv-rayon: 20px;
  --slv-rayon-petit: 12px;
  --slv-ombre: 0 1px 2px rgba(42, 36, 33, 0.04), 0 8px 28px rgba(42, 36, 33, 0.07);
  --slv-ombre-forte: 0 2px 4px rgba(42, 36, 33, 0.06), 0 16px 40px rgba(42, 36, 33, 0.12);
  --slv-duree: 420ms;
  --slv-courbe: cubic-bezier(0.22, 1, 0.36, 1);
  --slv-largeur: 1080px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --slv-fond: #1c1816;
    --slv-surface: #26201d;
    --slv-surface-2: #2f2824;
    --slv-texte: #f2ebe5;
    --slv-texte-doux: #b8aaa1;
    --slv-accent: #c9a38c;
    --slv-accent-fort: #dcb9a3;
    --slv-accent-encre: #1c1816;
    --slv-accent-doux: #3a2f29;
    --slv-ligne: #3a322d;
    --slv-succes: #8cbf98;
    --slv-alerte: #e08a7e;
    --slv-ombre: 0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 28px rgba(0, 0, 0, 0.35);
    --slv-ombre-forte: 0 2px 4px rgba(0, 0, 0, 0.35), 0 16px 40px rgba(0, 0, 0, 0.45);
  }
}