/* ============================================================
   ALLER & RETOUR — SYSTÈME DE THÈMES
   4 thèmes : Gondor · Mordor · Elfe · Nain
   ============================================================ */

/* -------- THÈME PAR DÉFAUT : GONDOR -------- */
:root,
[data-theme="gondor"] {
  /* Palette */
  --bg-deep:        #0a0e18;
  --bg-base:        #11182a;
  --bg-elev:        #1a2238;
  --bg-card:        #1d2640;
  --border:         #2a3658;
  --border-strong:  #3d5285;

  --primary:        #c9d4ec;   /* argent froid */
  --primary-soft:   #8fa3cc;
  --accent:         #d4b962;   /* or pâle */
  --accent-strong:  #f0d27c;
  --accent-glow:    rgba(212, 185, 98, 0.4);

  --text:           #e7ecf5;
  --text-mute:      #97a4c2;
  --text-soft:      #b8c3dc;

  --good:           #6fb3ff;
  --evil:           #d35a5a;
  --neutral:        #d4b962;

  /* Particule */
  --particle-color: rgba(220, 230, 255, 0.55);
  --particle-shape: "✦";

  /* Décor */
  --pattern-image:  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M50 10 L55 30 L75 30 L60 45 L65 65 L50 55 L35 65 L40 45 L25 30 L45 30 Z' fill='none' stroke='%23ffffff' stroke-width='0.5' opacity='0.08'/></svg>");
  --hero-vignette:  radial-gradient(ellipse at center, transparent 0%, rgba(10, 14, 24, 0.85) 70%);

  /* Typo */
  --font-display:   "Cinzel", "Trajan Pro", serif;
  --font-decor:     "Cinzel Decorative", serif;
  --font-body:      "EB Garamond", Georgia, serif;
  --font-rune:      "Cinzel", serif;
}

/* -------- MORDOR -------- */
[data-theme="mordor"] {
  --bg-deep:        #0a0303;
  --bg-base:        #160707;
  --bg-elev:        #1f0a0a;
  --bg-card:        #21090a;
  --border:         #3b1414;
  --border-strong:  #6a1f1f;

  --primary:        #d68445;
  --primary-soft:   #b85a2a;
  --accent:         #d63a2a;
  --accent-strong:  #ff5a3a;
  --accent-glow:    rgba(214, 58, 42, 0.5);

  --text:           #f0d8c8;
  --text-mute:      #a8786a;
  --text-soft:      #c89878;

  --good:           #6fb3ff;
  --evil:           #ff5a3a;
  --neutral:        #d4a062;

  --particle-color: rgba(255, 90, 30, 0.4);
  --particle-shape: "•";

  --pattern-image:  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='50' cy='50' r='15' fill='none' stroke='%23ff3a1a' stroke-width='1' opacity='0.1'/><circle cx='50' cy='50' r='6' fill='%23ff3a1a' opacity='0.08'/></svg>");
  --hero-vignette:  radial-gradient(ellipse at center, transparent 0%, rgba(10, 3, 3, 0.85) 70%);

  --font-display:   "Cinzel Decorative", serif;
  --font-decor:     "Cinzel Decorative", serif;
  --font-body:      "EB Garamond", Georgia, serif;
  --font-rune:      "Cinzel", serif;
}

/* -------- ELFE -------- */
[data-theme="elfe"] {
  --bg-deep:        #06120e;
  --bg-base:        #0d1c17;
  --bg-elev:        #142822;
  --bg-card:        #163029;
  --border:         #244338;
  --border-strong:  #3c6b5b;

  --primary:        #b8dcc7;
  --primary-soft:   #87b8a0;
  --accent:         #e8d889;
  --accent-strong:  #f5e6a8;
  --accent-glow:    rgba(232, 216, 137, 0.4);

  --text:           #e8f0e6;
  --text-mute:      #8aaa97;
  --text-soft:      #b8d4c2;

  --good:           #b8e8c4;
  --evil:           #d35a5a;
  --neutral:        #e8d889;

  --particle-color: rgba(255, 240, 180, 0.6);
  --particle-shape: "•";

  --pattern-image:  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M20 50 Q35 20 50 50 T80 50' fill='none' stroke='%23e8d889' stroke-width='0.6' opacity='0.1'/><path d='M30 60 Q50 40 70 60' fill='none' stroke='%23e8d889' stroke-width='0.4' opacity='0.08'/></svg>");
  --hero-vignette:  radial-gradient(ellipse at center, transparent 0%, rgba(6, 18, 14, 0.85) 70%);

  --font-display:   "Cormorant Garamond", "EB Garamond", serif;
  --font-decor:     "Cinzel Decorative", serif;
  --font-body:      "EB Garamond", Georgia, serif;
  --font-rune:      "Cormorant Garamond", serif;
}

/* -------- NAIN -------- */
[data-theme="nain"] {
  --bg-deep:        #0e0a07;
  --bg-base:        #1a1308;
  --bg-elev:        #251a0d;
  --bg-card:        #29200f;
  --border:         #3d2e16;
  --border-strong:  #7a5826;

  --primary:        #d4933a;   /* bronze */
  --primary-soft:   #a8742e;
  --accent:         #e8a040;   /* cuivre orange */
  --accent-strong:  #ffb858;
  --accent-glow:    rgba(232, 160, 64, 0.5);

  --text:           #f0e0c8;
  --text-mute:      #a89272;
  --text-soft:      #c8b088;

  --good:           #88c878;
  --evil:           #d35a5a;
  --neutral:        #e8a040;

  --particle-color: rgba(255, 180, 60, 0.55);
  --particle-shape: "·";

  --pattern-image:  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><polygon points='50,10 90,30 90,70 50,90 10,70 10,30' fill='none' stroke='%23e8a040' stroke-width='0.6' opacity='0.1'/><polygon points='50,30 70,40 70,60 50,70 30,60 30,40' fill='none' stroke='%23e8a040' stroke-width='0.4' opacity='0.08'/></svg>");
  --hero-vignette:  radial-gradient(ellipse at center, transparent 0%, rgba(14, 10, 7, 0.85) 70%);

  --font-display:   "Cinzel", serif;
  --font-decor:     "Cinzel Decorative", serif;
  --font-body:      "EB Garamond", Georgia, serif;
  --font-rune:      "Cinzel", serif;
}

/* Transition douce entre thèmes */
:root {
  --theme-transition: background-color .6s ease, color .6s ease, border-color .6s ease, box-shadow .6s ease;
}