:root{ --accent:#047857; --ink:#14261f; --soft:#5b6b63; --line:#e6ded0; --bg:#f7f4ec; --card:#ffffff; --radius:14px; --gold:#b8860b; }
body{ font-family:"Segoe UI",system-ui,sans-serif; }
h1,h2,h3,.sec h2,.list-head h1,.artikel h1,.brand span{ font-family:Georgia,"Times New Roman",serif; letter-spacing:.2px; }
header.site{ background:#ffffff; border-bottom:2px solid var(--accent); box-shadow:0 1px 0 var(--gold); }
.brand .logo-fallback{ background:linear-gradient(135deg,var(--accent),#065f46); }
nav.menu a{ font-weight:600; }
nav.menu a:hover{ color:var(--accent); }
nav.menu a.cta{ background:var(--accent); box-shadow:0 4px 14px rgba(4,120,87,.35); }
.btn{ border-radius:999px; box-shadow:0 4px 14px rgba(4,120,87,.28); }
.card{ border-radius:var(--radius); border:1px solid var(--line); box-shadow:0 6px 20px rgba(20,38,31,.06); }
.card:hover{ box-shadow:0 16px 36px rgba(20,38,31,.12); }
.badge{ background:color-mix(in srgb,var(--gold) 16%,transparent); color:#8a6608; border:1px solid color-mix(in srgb,var(--gold) 40%,transparent); }
.sec h2{ position:relative; padding-bottom:8px; }
.sec h2::after{ content:"";position:absolute;left:0;bottom:0;width:56px;height:3px;background:linear-gradient(90deg,var(--accent),var(--gold));border-radius:2px; }
.artikel h1{ color:#0f3d2e; }
.meta .ava,.bcard .body .foot .av{ background:linear-gradient(135deg,var(--accent),var(--gold)); }
footer.site{ background:#0f2e24; }