/* blick-dahinter.de - ruhiges, warmes Design (Petrol + Morgenrot). Nur fuer SITE_IDENTITY=blick_dahinter (base.html, data-identity).
   Bewusst anders als netzsprung: weiche Verlaeufe und runde Formen statt Raster/Kacheln, keine Animation. */
:root[data-identity="blick_dahinter"] {
  --bd-ink:#1f2a37; --bd-muted:#5b6b7a; --bd-sun:#99f6e4; --bd-deep:#312e81;
  --brand-bg:#f6fbfa; --brand-surface:#ffffff; --brand-accent:#0f766e; --brand-light:#ecf7f5;
  --brand-text:#1f2a37; --brand-text-muted:#5b6b7a; --brand-border:#d9ebe7;
  --brand-50:#f0fdfa; --brand-100:#ccfbf1; --brand-200:#99f6e4; --brand-300:#5eead4; --brand-400:#2dd4bf;
  --brand-500:#14b8a6; --brand-600:#0d9488; --brand-700:#0f766e; --brand-800:#115e59; --brand-900:#134e4a;
  --brand-ring:rgba(13,148,136,.22);
}
:root[data-identity="blick_dahinter"][data-theme="dark"] {
  --brand-bg:#0e1a1c; --brand-surface:#14262a; --brand-accent:#5eead4; --brand-light:#183034;
  --brand-text:#e6f2f0; --brand-text-muted:#9bb5b3; --brand-border:#244247;
  --brand-50:#12302f; --brand-100:#134e4a; --brand-200:#115e59; --brand-300:#0f766e; --brand-400:#14b8a6;
  --brand-500:#2dd4bf; --brand-600:#5eead4; --brand-700:#99f6e4; --brand-800:#ccfbf1; --brand-900:#f0fdfa;
}

/* Hintergrund: Morgenhimmel - heller Verlauf mit sanftem Lichtschein oben */
[data-identity="blick_dahinter"] body {
  background:
    radial-gradient(900px 420px at 50% -80px, rgba(165,243,252,.40), rgba(165,243,252,0) 70%),
    linear-gradient(180deg, #eaf6f4 0%, #f8fbf9 38%, #fffdf8 100%) fixed;
  color:var(--brand-text);
}
[data-identity="blick_dahinter"][data-theme="dark"] body {
  background:
    radial-gradient(900px 420px at 50% -80px, rgba(94,234,212,.12), rgba(94,234,212,0) 70%),
    linear-gradient(180deg, #0b1517 0%, #0e1a1c 100%) fixed;
}

/* Kopfzeile: weich, ohne harte Kante */
[data-identity="blick_dahinter"] nav, [data-identity="blick_dahinter"] header { box-shadow:none; }
[data-identity="blick_dahinter"] .backdrop-blur-md { box-shadow:0 8px 28px rgba(15,118,110,.08) !important; border-color:var(--brand-border) !important; }
.bd-logo{ display:block; height:42px; width:42px; }
.bd-wordmark{ font-family:Georgia,'Times New Roman',serif; font-size:1.4rem; letter-spacing:.01em; text-transform:none; color:var(--brand-text); }
.bd-wordmark b{ color:var(--brand-700); font-weight:700; }
.bd-claim{ font-size:.7rem; letter-spacing:.14em; color:var(--brand-text-muted); text-transform:uppercase; }

/* Ueberschriften: Serife, ruhig */
[data-identity="blick_dahinter"] h1, [data-identity="blick_dahinter"] h2 { font-family:Georgia,'Times New Roman',serif; letter-spacing:-.01em; }
[data-identity="blick_dahinter"] .italic.text-sage-600, [data-identity="blick_dahinter"] .text-sage-600 { color:var(--brand-600) !important; }

/* Hero: Hilfetext-Block weich, mit kleiner Sonne als Trenner */
.bd-hero h1{ background:linear-gradient(120deg,var(--brand-800),#4338ca 70%); -webkit-background-clip:text; background-clip:text; color:transparent !important; }
[data-identity="blick_dahinter"][data-theme="dark"] .bd-hero h1{ background:linear-gradient(120deg,#99f6e4,#c7d2fe 70%); -webkit-background-clip:text; background-clip:text; }
.bd-hero p{ color:var(--brand-text-muted) !important; }
.bd-sun{ display:block; margin:18px auto 0; width:46px; height:46px; border-radius:50%; background:radial-gradient(circle at 40% 35%,#ecfeff,#5eead4); box-shadow:0 0 0 10px rgba(165,243,252,.32),0 0 0 22px rgba(165,243,252,.16); }

/* Karten: weiche Flaechen, grosse Rundung, sanfter Schatten statt Rahmenkasten */
[data-identity="blick_dahinter"] .blog-card, [data-identity="blick_dahinter"] section.bg-white {
  background:var(--brand-surface) !important; border:1px solid var(--brand-border) !important; border-radius:26px !important;
  box-shadow:0 14px 40px rgba(15,118,110,.07); }
[data-identity="blick_dahinter"] .blog-card:hover{ box-shadow:0 18px 46px rgba(15,118,110,.13); }
[data-identity="blick_dahinter"] .blog-title { color:var(--brand-text); }
[data-identity="blick_dahinter"] .blog-badge { background:var(--brand-100); color:var(--brand-800); border:0; border-radius:999px; }
[data-identity="blick_dahinter"] .blog-filter-bar { background:rgba(255,255,255,.7); border:1px solid var(--brand-border); border-radius:22px; padding:16px 18px; }
[data-identity="blick_dahinter"][data-theme="dark"] .blog-filter-bar { background:rgba(20,38,42,.7); }
[data-identity="blick_dahinter"] .blog-filter-select { border-radius:14px; border-color:var(--brand-border); }

/* Zitat-Block und Notfall-Hinweis freundlicher */
[data-identity="blick_dahinter"] .bg-sage-50 { background:var(--brand-50) !important; border-color:var(--brand-400) !important; border-radius:0 18px 18px 0 !important; }
[data-identity="blick_dahinter"] section.bg-red-50 { background:#fff4f2 !important; border-color:#fbd5cf !important; border-radius:22px; }

/* Buttons */
[data-identity="blick_dahinter"] .btn-primary, [data-identity="blick_dahinter"] a.bg-slate-800 {
  background:linear-gradient(135deg,var(--brand-600),var(--brand-800)) !important; color:#fff !important; border-radius:999px; border:0; box-shadow:0 8px 22px rgba(13,148,136,.28); }
[data-identity="blick_dahinter"] .btn-primary:hover, [data-identity="blick_dahinter"] a.bg-slate-800:hover { filter:brightness(1.07); }
[data-identity="blick_dahinter"] a.text-amber-600 { color:var(--brand-700) !important; }

/* Fuss */
[data-identity="blick_dahinter"] footer { background:transparent !important; border-top:1px solid var(--brand-border) !important; }