/*
 * Thèmes graphiques repris du site institutionnel WordPress (C:\Dev\Arborisgen).
 * 3 thèmes disponibles, sélectionnables via le bouton dans l'en-tête (voir inc/theme-switcher.js) :
 *   - arborisgen : thème "Sépia" (par défaut) — encre/papier/brique, EB Garamond + Inter
 *   - archives   : thème "Archives" — bleu nuit/or, Instrument Serif + Inter
 *   - clarte     : thème "Clarté" — bleu/blanc lumineux, Fraunces + Inter
 */

/* ---- Polices ---- */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('../fonts/arborisgen/ebgaramond.woff2') format('woff2');
}
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400 600;
  font-display: swap;
  src: url('../fonts/arborisgen/ebgaramond-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/archives/instrumentserif.woff2') format('woff2');
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/archives/instrumentserif-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/clarte/fraunces-variable.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/arborisgen/inter-variable.woff2') format('woff2');
}

/* ---- Thème "Sépia" (arborisgen) — par défaut ---- */
:root,
:root[data-theme="arborisgen"] {
  --font-heading: 'EB Garamond', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-nav: var(--font-body);

  --color-bg: #F2EADB;
  --color-bg-soft: #FBF7EE;
  --color-surface: #FBF7EE;
  --color-text: #3A3128;
  --color-heading: #241E18;
  --color-border: #E8DCC6;
  --color-accent: #9C4A3C;
  --color-accent-2: #2F9BD6;
  --color-link: #9C4A3C;
  --color-link-hover: #241E18;
  --color-primary: #241E18;
  --color-primary-dark: #9C4A3C;
  --color-button-bg: #241E18;
  --color-button-text: #FBF7EE;
  --color-button-hover-bg: #9C4A3C;
  --radius-button: 999px;
  --radius: 4px;

  --carte-c1: #C9A66B;
  --carte-c2: #9C4A3C;
  --carte-c3: #6B8F71;
  --carte-c4: #5B7A9C;
  --carte-c5: #A6763F;
  --carte-c6: #7C6E93;
  --carte-c7: #4F8A8B;
  --carte-c8: #B0724F;
}

/* ---- Thème "Archives" ---- */
:root[data-theme="archives"] {
  --font-heading: 'Instrument Serif', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-nav: var(--font-body);

  --color-bg: #F5F1E8;
  --color-bg-soft: #EDE7DA;
  --color-surface: #FFFFFF;
  --color-text: #1E3145;
  --color-heading: #14202E;
  --color-border: #EDE7DA;
  --color-accent: #B08A46;
  --color-accent-2: #2F9BD6;
  --color-link: #B08A46;
  --color-link-hover: #14202E;
  --color-primary: #14202E;
  --color-primary-dark: #0B141E;
  --color-button-bg: #B08A46;
  --color-button-text: #FFFFFF;
  --color-button-hover-bg: #14202E;
  --radius-button: 2px;
  --radius: 2px;

  --carte-c1: #B08A46;
  --carte-c2: #3E5C76;
  --carte-c3: #7C9885;
  --carte-c4: #8E6C88;
  --carte-c5: #4C7A8C;
  --carte-c6: #A67C52;
  --carte-c7: #5C7A99;
  --carte-c8: #8A7F5E;
}

/* ---- Thème "Clarté" ---- */
:root[data-theme="clarte"] {
  --font-heading: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-nav: var(--font-body);

  --color-bg: #F4F7FA;
  --color-bg-soft: #EAF4FB;
  --color-surface: #FFFFFF;
  --color-text: #17405F;
  --color-heading: #0F2B44;
  --color-border: #E7EDF3;
  --color-accent: #1B7FBF;
  --color-accent-2: #12648F;
  --color-link: #1B7FBF;
  --color-link-hover: #0F2B44;
  --color-primary: #1B7FBF;
  --color-primary-dark: #0F2B44;
  --color-button-bg: #1B7FBF;
  --color-button-text: #FFFFFF;
  --color-button-hover-bg: #0F2B44;
  --radius-button: 10px;
  --radius: 10px;

  --carte-c1: #1B7FBF;
  --carte-c2: #4FA37A;
  --carte-c3: #C97F4F;
  --carte-c4: #7C6FB0;
  --carte-c5: #45A0A0;
  --carte-c6: #C9A23F;
  --carte-c7: #5C8FC9;
  --carte-c8: #B5678A;
}