/* ============================================================
   chdes — Linktree / Booklet (Startseite)  · mobile-first
   ============================================================ */
@import url("../fonts/inter.css");

:root {
	--bg:        #0b0b0f;
	--fg:        #ffffff;
	/* aus der Schriftfarbe (fontcolor) abgeleitet → folgt zentral site.json */
	--card:       color-mix(in srgb, var(--fg) 6%, transparent);
	--card-hov:   color-mix(in srgb, var(--fg) 13%, transparent);
	--border:     color-mix(in srgb, var(--fg) 12%, transparent);
	--border-hov: color-mix(in srgb, var(--fg) 25%, transparent);
	--outer:     clamp(20px, 5vw, 40px);
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
	margin: 0;
	min-height: 100svh;
	font-family: "Inter", system-ui, -apple-system, sans-serif;
	color: var(--fg);
	background: var(--bg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}

/* ── Header ───────────────────────────────────────────────── */
/* Header / Hamburger / Overlay-Menü liegen jetzt in site.css (gemeinsam) */

/* ── Linktree-Body ────────────────────────────────────────── */
.lt-wrap {
	max-width: 480px; margin: 0 auto;
	padding: 7rem var(--outer) 4rem;
	text-align: center;
}
.lt-links { display: flex; flex-direction: column; gap: .85rem; margin-top: 2.25rem; }
.lt-link {
	position: relative;
	display: flex; align-items: center; justify-content: center; gap: .6rem;
	padding: 1.1rem 1.4rem; border-radius: 16px;
	background: var(--card); border: 1px solid var(--border);
	color: var(--fg); text-decoration: none; font-weight: 600; font-size: 1.02rem;
	backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
	transition: background .2s ease, transform .2s ease, border-color .2s ease;
}
.lt-link:hover { background: var(--card-hov); border-color: var(--border-hov); transform: translateY(-2px); }
.lt-link:active { transform: translateY(0); }

/* ab Tablet */
@media (min-width: 640px) {
	.lt-wrap { padding-top: 8rem; }
}