/* Welt der Dinos -- Dschungel-Design (09.10.2026). Basis ist magie.css, hier nur Farben. */
@import url('magie.css');

:root {
    --bg-deep: #0f1d12; --bg-mid: #142619; --bg-glow: #1f3a24;
    --panel: #1a2e1d; --panel-2: #213a25; --panel-3: #2c4a2f;
    --border: #5f7f45; --border-soft: #3c5a35;
    --gold: #d9a441; --gold-bright: #f0c25a; --gold-pale: #ffe29a;
    --parchment: #eef2e3; --muted: #cdd8bf; --wine: #7a3324; --emerald: #2f5c40;
}
body {
    background-image:
        radial-gradient(ellipse 1200px 700px at 20% -10%, rgba(95,127,69,0.35) 0%, transparent 60%),
        radial-gradient(ellipse 1000px 800px at 100% 10%, rgba(217,164,65,0.15) 0%, transparent 55%),
        radial-gradient(ellipse at top, var(--bg-glow) 0%, var(--bg-deep) 70%);
}
.brand-bar { background: linear-gradient(180deg, rgba(44,74,47,0.6), rgba(15,29,18,0.2)); }
.game-header-banner {
    background: linear-gradient(90deg, var(--bg-deep) 0%, var(--panel) 55%, transparent 100%),
        url('Branding/banner.jpg') right center / auto 100% no-repeat;
}
.edelsteine { background: linear-gradient(160deg, #4a5f2a, var(--panel)); }
.freigehege { background: linear-gradient(160deg, #2f4a24, var(--panel)); }
.forschung { background: linear-gradient(160deg, #5a4a24, var(--panel)); }
.markt, .reaktoren { background: linear-gradient(160deg, #36502c, var(--panel)); }
.login-feld, input[type="text"], input[type="password"], select, textarea { background: rgba(10,20,12,0.55); }
.lineA { background-color: rgba(26,46,29,0.6); }
.lineB { background-color: rgba(33,58,37,0.6); }
.freigehege-aktiv { background-color: #1f3a1c; }
.freigehege-bereit { background-color: #4f6b2e; }
.nav-zeile { border-bottom: 1px solid rgba(95,127,69,0.3); }
.dino-popup-overlay, .pwv-overlay { background: rgba(6,14,8,0.75); }
.button-normal { background: linear-gradient(180deg, #7e8f3a, #556224); }