/*
 * Memorani – Ergänzungen zu layout.css: Wortmarke, Hero-Grafik (Fotostapel), Kopf- und Fußzeile, Hintergrund.
 */

.wordmark { --t-wordmark-weight: 600; --t-wordmark-size: 1.5rem; --t-wordmark-tracking: -.02em; }
.wordmark__name { font-family: var(--t-display); }
.wordmark__mark { mask-image: url("mark.svg"); }

body { font-size: 18px; line-height: 1.65; }

/* Hero ohne Bild: zwei gestapelte Sofortbilder mit Herz */
.blk-hero:not(.blk-hero--image)::after {
    content: "";
    align-self: center;
    justify-self: end;
    width: min(100%, 22rem);
    aspect-ratio: 1;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cg transform='rotate(-9 150 210)'%3E%3Crect x='40' y='80' width='210' height='250' rx='14' fill='%23fffcf9' stroke='%23ecdcd0' stroke-width='2'/%3E%3Crect x='58' y='98' width='174' height='170' rx='8' fill='%23f0dfd3'/%3E%3Ccircle cx='110' cy='150' r='22' fill='%23d29a3c' opacity='.8'/%3E%3Cpath d='M58 250l60-60 50 45 30-25 34 30v18H58z' fill='%23d9c0b0'/%3E%3C/g%3E%3Cg transform='rotate(6 260 200)'%3E%3Crect x='150' y='60' width='210' height='250' rx='14' fill='%23fffcf9' stroke='%23ecdcd0' stroke-width='2'/%3E%3Crect x='168' y='78' width='174' height='170' rx='8' fill='%23f6dcd2'/%3E%3Cpath d='M255 135c-9-15-38-13-38 11 0 19 25 35 38 45 13-10 38-26 38-45 0-24-29-26-38-11z' fill='%23b8472f'/%3E%3Crect x='190' y='268' width='90' height='8' rx='4' fill='%23ecdcd0'/%3E%3C/g%3E%3Ccircle cx='70' cy='60' r='6' fill='%23d29a3c'/%3E%3Ccircle cx='350' cy='345' r='9' fill='%23b8472f' opacity='.5'/%3E%3Ccircle cx='372' cy='50' r='4' fill='%23b8472f'/%3E%3C/svg%3E") center / contain no-repeat;
}
@media (max-width: 860px) {
    .blk-hero:not(.blk-hero--image)::after { display: none; }
}

/* Kopfzeile und Fußzeile */
.site-header { border-bottom-color: var(--t-border); }
.site-nav a { font-size: 1rem; font-weight: 500; }
.site-nav a[aria-current="page"] { box-shadow: inset 0 -2px 0 var(--t-signal); background: none; }
.nav-toggle summary { font-family: var(--t-font); font-size: .95rem; border-radius: 999px; }
.site-footer { background: var(--t-heading); color: #e6d6cf; border-top: 0; }
.site-footer .wordmark, .site-footer .wordmark:hover { color: #fdf8f3; }
.site-footer .wordmark__mark { background: var(--t-gold); }
.site-footer__tagline { color: #c8b3b0; }
.site-footer nav a { color: #f7ece4; }
.site-footer nav a:hover { color: #f0b9a6; }
.site-footer__bottom { border-top-color: rgb(255 255 255 / 12%); color: #b39d9c; }

.post-card { background: var(--t-bg-raised); border-radius: var(--t-radius); }
.error-page__code { font-weight: 400; background: linear-gradient(120deg, var(--t-signal), var(--t-gold)); -webkit-background-clip: text; background-clip: text; }

/* Hintergrund „Warmer Schimmer“: weiche Farbflecken oben, laufen nach unten aus */
.backdrop--glow { --backdrop-line: transparent; --backdrop-glow: transparent; }
body.backdrop--glow::before {
    background:
        radial-gradient(40rem 26rem at 85% -6rem, rgb(246 220 210 / 85%), transparent 70%),
        radial-gradient(30rem 20rem at 5% 4rem, rgb(210 154 60 / 14%), transparent 70%);
}