/* =====================================================================
   Kiddiflow Moments — jetons de couleur par moment de la journée
   Source : lib/app/theme/moments.dart (application Kiddiflow).
   L'attribut data-moment est posé sur <html> par kiddiflow-moments.php.
   Tout élément (Elementor, thème, futur) qui utilise var(--kf-…) suit.
   ===================================================================== */

/* ---------- Journée (défaut, identique aux variables du kit Elementor) ---------- */
html[data-moment="journee"], html:not([data-moment]) {
  --kf-sky-top:#E4F3EF; --kf-sky-bottom:#C6E7DF; --kf-surface:#F4F9F7;
  --kf-tray:#FBFFFE; --kf-tray-line:#CFE0DA; --kf-chip:#FFFFFF; --kf-chip-line:#CFE0DA;
  --kf-ink:#10231F; --kf-ink-soft:#4A6560; --kf-ink-faint:#9DB3AE;
  --kf-accent:#0E7365; --kf-accent-2:#2A9D8F; --kf-accent-deep:#0A5A4E; --kf-on-accent:#FFFFFF;
  --kf-moment-label:"Journée";
}

/* ---------- Matin : lumière dorée ---------- */
html[data-moment="matin"] {
  --kf-sky-top:#FDF4E3; --kf-sky-bottom:#F5DFB5; --kf-surface:#FFFBF3;
  --kf-tray:#FFFDF8; --kf-tray-line:#EAD9B8; --kf-chip:#FFFFFF; --kf-chip-line:#E6D3AE;
  --kf-ink:#241C12; --kf-ink-soft:#6B5E4B; --kf-ink-faint:#B9AA8E;
  --kf-accent:#8F5507; --kf-accent-2:#B8711A; --kf-accent-deep:#6E4004; --kf-on-accent:#FFFFFF;
  --kf-moment-label:"Matin";
}

/* ---------- Soir : violet apaisé ---------- */
html[data-moment="soir"] {
  --kf-sky-top:#43356F; --kf-sky-bottom:#221A43; --kf-surface:#2B2352;
  --kf-tray:#322A5C; --kf-tray-line:#4E4580; --kf-chip:#3C336B; --kf-chip-line:#5A4F90;
  --kf-ink:#F2ECFF; --kf-ink-soft:#BCB0DC; --kf-ink-faint:#8F84B5;
  --kf-accent:#FFC46B; --kf-accent-2:#FFD48F; --kf-accent-deep:#E0A64A; --kf-on-accent:#221A40;
  --kf-moment-label:"Soir";
}

/* ---------- Nuit : bleu nuit ---------- */
html[data-moment="nuit"] {
  --kf-sky-top:#1B1730; --kf-sky-bottom:#0F0D18; --kf-surface:#15121F;
  --kf-tray:#262140; --kf-tray-line:#3B3560; --kf-chip:#2E2850; --kf-chip-line:#46407A;
  --kf-ink:#E6E1F2; --kf-ink-soft:#A39CC0; --kf-ink-faint:#6F689A;
  --kf-accent:#7FD8C0; --kf-accent-2:#9FE6D2; --kf-accent-deep:#5FBFA6; --kf-on-accent:#14121F;
  --kf-moment-label:"Nuit";
}

/* ---------- Constantes (identiques à tout moment) ---------- */
html[data-moment], html:not([data-moment]) {
  --kf-night:#1B1730; --kf-night-2:#221A43; --kf-soir-top:#43356F; --kf-soir-ink:#F2ECFF; --kf-soir-accent:#FFC46B;
  --kf-gold:#E8B948; --kf-font:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  /* Anciens noms encore utilisés par quelques styles locaux : ils suivent les jetons ci-dessus. */
  --kf-caramel:var(--kf-accent); --kf-caramel-2:var(--kf-accent-2); --kf-caramel-deep:var(--kf-accent-deep);
  --kf-ink-2:var(--kf-ink); --kf-ink-3:var(--kf-ink-soft); --kf-ink-4:var(--kf-ink-faint);
  --kf-cream:var(--kf-surface); --kf-stone:var(--kf-sky-top); --kf-mist:var(--kf-sky-bottom);
  --kf-gold-label:var(--kf-ink-soft); --kf-sage:var(--kf-accent); --kf-font-fun:var(--kf-font);
  --kf-hero-sky-top:var(--kf-sky-top); --kf-hero-sky-bottom:var(--kf-sky-bottom); --kf-hero-ink:var(--kf-ink); --kf-hero-ink-soft:var(--kf-ink-soft); --kf-hero-accent:var(--kf-accent);
  /* Jetons du thème enfant Kadence (style.css) : alignés sur le moment. */
  --kf-brand:var(--kf-accent-2); --kf-brand-dark:var(--kf-accent); --kf-brand-light:var(--kf-chip);
  --kf-bg-primary:var(--kf-surface); --kf-bg-secondary:var(--kf-sky-top); --kf-bg-card:var(--kf-tray);
  --kf-ink-reverse:var(--kf-on-accent); --kf-font-base:var(--kf-font);
}

/* ---------- Page, en-tête et pied de page du thème ---------- */
html[data-moment] body { background-color:var(--kf-surface); color:var(--kf-ink); }

html[data-moment] .site-header,
html[data-moment] .site-header-inner-wrap,
html[data-moment] .site-main-header-wrap,
html[data-moment] .site-main-header-inner-wrap,
html[data-moment] .site-header-row,
html[data-moment] .site-header-row-container,
html[data-moment] .site-header-row-container-inner,
html[data-moment] .site-header-section,
html[data-moment] .site-header-item { background:var(--kf-sky-top) !important; color:var(--kf-ink); }
html[data-moment] .site-header a,
html[data-moment] .site-header .site-title,
html[data-moment] .site-header .primary-menu-container a { color:var(--kf-ink) !important; }
html[data-moment] .site-header .button,
html[data-moment] .site-header .kadence-header-button,
html[data-moment] .site-header .header-button { background:var(--kf-accent) !important; border-color:var(--kf-accent) !important; color:var(--kf-on-accent) !important; border-radius:999px; }
html[data-moment] .site-header .mobile-toggle-open-container .menu-toggle-open { color:var(--kf-ink) !important; }

html[data-moment] .site-footer,
html[data-moment] .site-footer-wrap,
html[data-moment] .site-footer-row,
html[data-moment] .site-footer-row-container,
html[data-moment] .site-footer-row-container-inner,
html[data-moment] .site-footer-section,
html[data-moment] .site-bottom-footer-wrap,
html[data-moment] .site-middle-footer-wrap,
html[data-moment] .site-top-footer-wrap { background:var(--kf-night) !important; color:#BCB0DC !important; }
html[data-moment] .site-footer a { color:#E6E1F2 !important; }
html[data-moment] .site-footer .widget-title,
html[data-moment] .site-footer h2,
html[data-moment] .site-footer h3,
html[data-moment] .site-footer h4 { color:var(--kf-soir-accent) !important; }

/* Transition douce quand le moment change en cours de visite. */
html[data-moment] body,
html[data-moment] .elementor-element,
html[data-moment] .site-header,
html[data-moment] .site-footer { transition:background-color .5s ease, color .5s ease, border-color .5s ease; }
@media (prefers-reduced-motion:reduce) {
  html[data-moment] body, html[data-moment] .elementor-element, html[data-moment] .site-header, html[data-moment] .site-footer { transition:none; }
}