/* ============================================================
   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;
  --font-ui:        "Inter", system-ui, sans-serif;

  /* Scène cinématique du hero */
  --scene-sky-top:       #060912;
  --scene-sky-mid:       #131e3c;
  --scene-sky-bot:       #2a3f6e;
  --scene-sun:           #f0c870;
  --scene-mist:          #6b7da0;
  --scene-star:          #ffffff;
  --scene-mountain-far:  #25324f;
  --scene-mountain-mid:  #1a2238;
  --scene-castle-light:  #d0c8b0;
  --scene-castle-dark:   #5a5544;
  --scene-castle-roof:   #2b3a55;
  --scene-window:        #f0c870;
  --scene-foreground:    #050810;
}

/* -------- 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;
  --font-ui:        "Inter", system-ui, sans-serif;

  /* Scène cinématique : Mordor → ciel rougeoyant + cendres */
  --scene-sky-top:       #0a0303;
  --scene-sky-mid:       #2a0a08;
  --scene-sky-bot:       #5a1a10;
  --scene-sun:           #ff5a3a;
  --scene-mist:          #4a1e18;
  --scene-star:          #d63a2a;
  --scene-mountain-far:  #2a0d0a;
  --scene-mountain-mid:  #1a0606;
  --scene-castle-light:  #6a3a2a;
  --scene-castle-dark:   #2a0a08;
  --scene-castle-roof:   #1a0303;
  --scene-window:        #ff5a3a;
  --scene-foreground:    #050202;
}
[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;
  --font-ui:        "Inter", system-ui, sans-serif;

  /* Scène cinématique : Elfe → forêt nocturne lumineuse */
  --scene-sky-top:       #050d0a;
  --scene-sky-mid:       #102622;
  --scene-sky-bot:       #1f4a40;
  --scene-sun:           #f5e6a8;
  --scene-mist:          #6a9080;
  --scene-star:          #e8d889;
  --scene-mountain-far:  #1a3530;
  --scene-mountain-mid:  #0e1f1b;
  --scene-castle-light:  #cfc090;
  --scene-castle-dark:   #4a5e50;
  --scene-castle-roof:   #2a3a32;
  --scene-window:        #f5e6a8;
  --scene-foreground:    #040b09;
}
[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;
  --font-ui:        "Inter", system-ui, sans-serif;

  /* Scène cinématique : Nain → coucher de soleil sur les montagnes */
  --scene-sky-top:       #0e0a07;
  --scene-sky-mid:       #2a1a08;
  --scene-sky-bot:       #6a4218;
  --scene-sun:           #ffb858;
  --scene-mist:          #6a5028;
  --scene-star:          #ffb858;
  --scene-mountain-far:  #2a1d0e;
  --scene-mountain-mid:  #1a1208;
  --scene-castle-light:  #d4a060;
  --scene-castle-dark:   #4a3318;
  --scene-castle-roof:   #2a1a08;
  --scene-window:        #ffb858;
  --scene-foreground:    #0a0703;
}
:root {
  --theme-transition: background-color .6s ease, color .6s ease, border-color .6s ease, box-shadow .6s ease;
}