/* ==========================================================================
   theme.css — Your Cocktail Event · direction « NECTAR »
   Deux thèmes, JOUR par défaut.

   Pourquoi le jour par défaut : leur métier se photographie en extérieur, en
   plein jour comme au coucher du soleil, et leurs photos sont lumineuses.
   C'est l'ADN Visuel qui décide, pas une règle uniforme (charte, section 3).

   Le sélecteur `:root` nu porte donc les tokens du thème JOUR : c'est le repli
   quand le script anti-flash n'a pas pu s'exécuter. Un visiteur sans
   JavaScript voit le thème par défaut du site, pas l'autre.

   Les NOMS des tokens sont ceux du kit et ne changent jamais : les deux thèmes
   déclarent exactement le même jeu, sinon on obtient du texte invisible.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Tokens — thème JOUR (défaut)
   -------------------------------------------------------------------------- */
:root,
:root[data-theme='jour'] {
  color-scheme: light;

  /* Surfaces */
  --fond: #fbf7f2;
  --fond-eleve: #ffffff;
  --fond-creux: #f4ede6;

  /* Texte */
  --texte: #2a1526;
  --texte-doux: #6b5560;

  /* Accent — hibiscus */
  --accent: #c8465e;
  --accent-vif: #ab3550;
  --accent-contraste: #ffffff; /* texte posé SUR l'accent */

  /* Accent secondaire — feuillage, jamais en aplat */
  --feuillage: #6f8055;

  /* Structure */
  --bordure: #e8ddd6;
  --ombre: 0 10px 34px rgb(42 21 38 / 0.10);
  --voile: rgb(251 247 242 / 0.86); /* fond des barres translucides */
}

/* --------------------------------------------------------------------------
   2. Tokens — thème NUIT
   Le prune profond d'une réception après le coucher du soleil. Ni noir, ni
   marine : le noir écrase les photos, le marine appartient au site agence.
   -------------------------------------------------------------------------- */
:root[data-theme='nuit'] {
  color-scheme: dark;

  --fond: #241222;
  --fond-eleve: #331c2e;
  --fond-creux: #1a0c19;

  --texte: #f7eee9;
  --texte-doux: #c9adb9;

  /* Éclairci volontairement : un accent qui satisfait le contraste en thème
     clair échoue presque toujours en thème sombre, et inversement. */
  --accent: #ef8298;
  --accent-vif: #f7a6b6;
  --accent-contraste: #241222;

  --feuillage: #a7b98a;

  --bordure: #4a2c42;
  --ombre: 0 12px 40px rgb(0 0 0 / 0.45);
  --voile: rgb(36 18 34 / 0.82);
}