/* ========================================
   THEME-TOKENS.CSS
   Tokens liés au thème : light/dark mode + mapping Kadence
   ======================================== */

/* ── Tokens thème light / dark ── */
:root {
  --theme-fond:         #FAF8F3;
  --theme-fond-alt:     #F0EBE1;
  --theme-fond-card:    #FFFFFF;
  --theme-texte:        #1A2A4A;
  --theme-texte-doux:   #535F78;
  --theme-bordure:      rgba(26, 42, 74, 0.12);
  --theme-header-bg:    #F0EBE1;
  --theme-header-text:  #1A2A4A;
  --theme-nav-link:     #1A2A4A;
  --theme-footer-bg:    #1A2A4A;
  --theme-footer-text:  #FAF8F3;
  --theme-overlay:      rgba(26, 42, 74, 0.55);
}

/* ── Remappage variables Kadence → charte Saint-Clar ── */
:root {
  --global-palette1:               #CC0000;   /* CTA / highlight principal */
  --global-palette2:               #AA0000;   /* CTA hover */
  --global-palette3:               #1A2A4A;   /* Titres */
  --global-palette4:               #1A2A4A;   /* Corps de texte */
  --global-palette5:               #535F78;   /* Texte discret */
  --global-palette6:               #7A849A;   /* Très discret */
  --global-palette7:               #F0EBE1;   /* Fond alterné */
  --global-palette8:               #FAF8F3;   /* Fond de page */
  --global-palette9:               #FAF8F3;   /* "Blanc" — jamais blanc pur */
  --global-body-font-family:       'Source Sans 3', system-ui, sans-serif;
  --global-heading-font-family:    'Playfair Display', Georgia, serif;
  --global-palette-highlight:      #CC0000;
  --global-palette-highlight-alt:  #AA0000;
  --global-palette-btn-bg:         #CC0000;
  --global-palette-btn-bg-hover:   #AA0000;
  --global-palette-btn:            #FAF8F3;
  --global-palette-btn-hover:      #FAF8F3;
}

html { color-scheme: light; }

[data-theme="dark"] {
  --theme-fond:         #0F1B2E;
  --theme-fond-alt:     #1A2A4A;
  --theme-fond-card:    #1F3358;
  --theme-texte:        #FAF8F3;
  --theme-texte-doux:   #A8B8C8;
  --theme-bordure:      rgba(250, 248, 243, 0.12);
  --theme-header-bg:    #0F1B2E;
  --theme-header-text:  #FAF8F3;
  --theme-nav-link:     #FAF8F3;
  --theme-footer-bg:    #0A1220;
  --theme-footer-text:  #FAF8F3;
  --theme-overlay:      rgba(10, 18, 32, 0.70);
  color-scheme: dark;
}