/* ===== Standard Minimal mit Rundungen ===== */

:root {
    --primary:     #333;
    --primary-h:   #111;
    --bg:          #fff;
    --card-bg:     #fff;
    --featured-bg: #f7f7f7;
    --text:        #222;
    --muted:       #888;
    --border:      #e8e8e8;
    --border-dark: #ccc;
    --shadow:      0 1px 2px rgba(0, 0, 0, .05);
    --shadow-md:   0 4px 12px rgba(0, 0, 0, .08);
    --radius:      14px;
    --candy-1:     #333;
    --candy-2:     #555;
    --candy-3:     #777;
    --candy-4:     #444;
}

body { background: #fff; color: #222; }
body::after {
    background:
        radial-gradient(circle at 12% 18%, rgba(0, 0, 0, .025) 0 10%, transparent 36%),
        radial-gradient(circle at 84% 24%, rgba(0, 0, 0, .02) 0 9%, transparent 34%);
}

.site-header,
.site-footer { background: #fff; }

.blog-hero,
.featured-band { background: #222; }
.blog-hero { color: #fff; }
.featured-band .section-kicker { color: #ddd; }

.section-kicker { color: #333; }
.cat-badge,
.cat-tag,
.auto-link { background: #f5f5f5; color: #555; }
.cat-badge:hover,
.cat-tag:hover,
.auto-link:hover { background: #eee; color: #111; }

.btn,
.pagination a.active,
.cat-tag.active {
    background: linear-gradient(135deg, #333, #555);
    border-color: #333;
    color: #fff;
}
.btn::before { background: linear-gradient(120deg, #333, #555, #777, #444); }
.btn:hover { box-shadow: 0 10px 22px rgba(0, 0, 0, .2); }
.cat-tag.active,
.pagination a.active { box-shadow: 0 8px 18px rgba(0, 0, 0, .14); }

.badge-cat { background: #f5f5f5; color: #555; }
.click-count { background: #555; }

/* Weiche Rundungen */
.btn, .cat-badge, .cat-tag, .auto-link, .pagination a { border-radius: 999px; }
.post-single, .post-card, .featured-post, .category-showcase-card, .post-toc, .admin-card { border-radius: calc(var(--radius) + 2px); }