/* Hundewelt -- helles, freundliches Design (09.10.2026). Basis ist magie.css, hier nur Farben. */
@import url('magie.css');

:root {
    --bg-deep: #f4eadb; --bg-mid: #fbf5ec; --bg-glow: #fff9f0;
    --panel: #fffdf9; --panel-2: #fdf3e4; --panel-3: #f8e6c8;
    --border: #d8bd94; --border-soft: #ecdcc3;
    --gold: #c58434; --gold-bright: #8a5418; --gold-pale: #5f3a10;
    --ink: #2b1d0e; --parchment: #3b2a1a; --muted: #715c45;
    --wine: #b5524a; --emerald: #4f7a3a;
    --shadow: 0 4px 14px rgba(120,85,40,0.18); --shadow-soft: 0 2px 6px rgba(120,85,40,0.15);
}
body {
    background-image:
        radial-gradient(ellipse 1200px 700px at 20% -10%, rgba(197,132,52,0.18) 0%, transparent 60%),
        radial-gradient(ellipse 1000px 800px at 100% 10%, rgba(122,165,92,0.14) 0%, transparent 55%),
        linear-gradient(180deg, #fbf5ec, #f4eadb);
}
h1, h2, h3, h4, h5 { text-shadow: none; }
.brand-bar { background: linear-gradient(180deg, #f8e6c8, transparent); }
.game-header-banner {
    background: linear-gradient(90deg, #fbf5ec 0%, #fffdf9 55%, transparent 100%),
        url('Branding/banner.jpg') right center / auto 100% no-repeat;
}
.edelsteine { background: linear-gradient(160deg, #f6dcc0, var(--panel)); }
.freigehege { background: linear-gradient(160deg, #dfe9cf, var(--panel)); }
.forschung { background: linear-gradient(160deg, #f5d6c6, var(--panel)); }
.markt, .reaktoren { background: linear-gradient(160deg, #f3e2c4, var(--panel)); }
.login-fehler { background: rgba(181,82,74,0.12); }
.login-feld { background: #ffffff; }
.lineA { background-color: #fffdf9; }
.lineB { background-color: #fdf3e4; }
.freigehege-aktiv { background-color: #e3eed6; color: #3b2a1a; }
.freigehege-bereit { background-color: #fbe3bd; color: #3b2a1a; }
.freigehege-inaktiv .freigehege-thumb { filter: grayscale(1) brightness(1.05) opacity(0.6); }
.dino-popup-overlay, .pwv-overlay { background: rgba(60,40,20,0.45); }
.nav-zeile { border-bottom: 1px solid #ecdcc3; }
.navigation-aktiv { background: linear-gradient(180deg, #f8e6c8, #fdf3e4); color: #5f3a10; }
.stat-zeile-link:hover { background: #f8e6c8; }
.forschung-balken { background: #ecdcc3; }
.game-sidebar .crest-wrap img { box-shadow: 0 0 0 3px var(--gold), var(--shadow); }
.button-normal { background: linear-gradient(180deg, #c58434, #9a6222); color: #ffffff; border-color: #9a6222; }
.button-aktiv, .button-normal:hover, input[type="submit"]:hover, input[type="button"]:hover {
    background: linear-gradient(180deg, #d99a4a, #c58434); color: #ffffff; border-color: #9a6222; box-shadow: 0 4px 12px rgba(120,85,40,0.25);
}
input[type="text"], input[type="password"], input[type="email"], select, textarea { background: #ffffff; color: #3b2a1a; }
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { box-shadow: 0 0 0 2px rgba(197,132,52,0.18); }
th { background: linear-gradient(180deg, #f8e6c8, #fdf3e4); }
.tab-btn { color: #3b2a1a; }
.reaktor-bild.station-defekt, img[alt$="defekt"] { filter: grayscale(1) opacity(0.55); }