/* Edahnien CSS — autogeneriert aus edahnien.css */

/* ===================================================================
   Edahnien — Haupt-CSS v2
   Vereint: styles-v2.css + screens.css + wizard.css
   =================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Bangers&family=Cinzel:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Dancing+Script:wght@400;600&family=Inter:wght@300;400;500;600&family=VT323&family=JetBrains+Mono:wght@400;500&display=swap');

/* ─── CSS-Variablen ─────────────────────────────────────────────── */
:root {
  /* Primärpalette (styles-v2) */
  --ink:          #e8efe2;
  --ink-dim:      #9aa896;
  --ink-faint:    #5d6b59;
  --moss:         #2a3a1d;
  --moss-deep:    #0f1608;
  --moss-black:   #060904;
  --jade:         #4ade80;
  --jade-bright:  #86efac;
  --jade-glow:    #22c55e;
  --emerald:      #10b981;
  --gold:         #c9a368;
  --gold-bright:  #e8c98c;
  --line:         rgba(232, 239, 226, 0.08);
  --line-strong:  rgba(232, 239, 226, 0.18);

  /* Alias-Variablen für screens.css (altes System) */
  --copper-1:     var(--gold);
  --copper-2:     var(--line-strong);
  --copper-3:     var(--ink-faint);
  --copper-bright:var(--gold-bright);
  --swamp-1:      var(--moss);
  --swamp-2:      var(--moss-deep);
  --swamp-3:      var(--moss-deep);
  --swamp-glow:   var(--jade-glow);
  --bg-panel:     var(--moss-deep);
  --bg-deep:      var(--moss-black);
  --bone-1:       var(--ink);
  --bone-2:       var(--ink-dim);
  --bone-3:       var(--ink-faint);
  --blood:        #dc2626;
  --blood-bright: #f87171;
}

/* ─── Reset ─────────────────────────────────────────────────────── */
* { box-sizing: border-box; }
html, body {
  margin: 0; padding: 0;
  background: #000;
  color: var(--ink);
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  font-size: 15px;
  min-height: 100vh;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
body[data-font="serif"] { font-family: 'Cormorant Garamond', Georgia, serif; }
body[data-font="pixel"]  { font-family: 'VT323', monospace; }
body[data-font="mono"]   { font-family: 'JetBrains Mono', monospace; }
button, input { font-family: inherit; }

/* Farbakzente per Dragon-Farbe */
body[data-dragon="red"] {
  --jade:        #f87171;
  --jade-bright: #fca5a5;
  --jade-glow:   #ef4444;
  --emerald:     #dc2626;
}
body[data-dragon="black"] {
  --jade:        #9aa5b8;
  --jade-bright: #cbd5e1;
  --jade-glow:   #64748b;
  --emerald:     #475569;
}