/* =============================================
   WOLFGANG LINDNER – VERSION 3b
   Emerald & Gold Edition (same layout, new mood)
   ============================================= */

@import url('style_3.css');

:root {
	--bg: #f3f7f4;
	--surface: #ffffff;
	--surface-soft: #eaf2ee;
	--text: #1f2f28;
	--muted: #567267;
	--accent: #2f7d59;
	--accent-2: #d1a94f;
	--line: #d7e6de;
	--shadow: 0 14px 32px rgba(20, 59, 43, 0.14);
	--radius: 18px;
}

body {
	background: radial-gradient(circle at top right, #f9fdfb, var(--bg));
}

.top-strip {
	background: #183327;
	color: #e9f4ee;
}

.main-nav-v3 {
	background: rgba(243, 247, 244, 0.9);
	border-bottom: 1px solid var(--line);
}

.nav-links a {
	color: #315846;
}

.hero-copy .eyebrow {
	background: #e8f4ee;
	border-color: #b8ddcb;
	color: #2f6a4e;
}

.btn-primary {
	background: linear-gradient(135deg, #2f7d59, #d1a94f);
	box-shadow: 0 10px 20px rgba(47, 125, 89, 0.28);
}

.btn-ghost {
	border-color: #b7d6c7;
	color: #2d5a47;
}

.vinyl {
	background:
		radial-gradient(circle at center, #eef6f2 0 10%, #284539 11% 17%, #0f1e18 18% 36%, #1a2f25 37% 52%, #0d1813 53% 64%, #1f372c 65% 76%, #0a1310 77% 100%);
}

.vinyl::after {
	background: #d8ece2;
	border-color: #8ac2a8;
}

.chip,
.instrument-box,
.tag-cloud span {
	border-color: #b8d8c8;
	color: #24553f;
}

.repertoire-v3 {
	background: linear-gradient(180deg, #edf6f1, #f6fbf8);
}

.gallery-v3 {
	background: #eaf4ef;
}

.photo-tile {
	border-color: #cfe2d7;
	box-shadow: 0 6px 16px rgba(37, 88, 63, 0.12);
}

.photo-tile figcaption {
	color: #2b6a4d;
}

.contact-card-v3 {
	border-color: #c2ddcf;
	background: linear-gradient(180deg, #ffffff, #f5fbf7);
}

.contact-card-v3 .label {
	color: #56816d;
}

.contact-card-v3 .value {
	color: #214f3c;
}

.contact-card-v3:hover {
	border-color: #7bb597;
}

.footer-v3 {
	background: #163224;
	color: #dfefe7;
}

.footer-v3 h4 {
	color: #f6f0de;
}

.footer-brand-v3 {
	color: #e8c26a;
}

.footer-v3 p,
.footer-v3 li {
	color: #c9ddd3;
}

.footer-v3 a {
	color: #f0cf83;
}

.footer-v3 a:hover {
	color: #ffe3a8;
}

.footer-impressum {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.14);
}

.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.18);
	color: #bad2c6;
}

@media (max-width: 760px) {
	.hero-photo-card {
		top: 9%;
	}
}