/* studio-astrolius.de - Nachthimmel + Gold (SA-Monogramm). Nur fuer SITE_IDENTITY=studio_astrolius (base.html, data-identity).
   Hell: warmes Pergament mit Goldakzent; dunkel: Nachthimmel wie Logo und Videos. */
:root[data-identity="studio_astrolius"] {
  --sa-night:#0b0e1f; --sa-gold:#d9b04c; --sa-violet:#3b3470;
  --brand-bg:#faf7ef; --brand-surface:#ffffff; --brand-accent:#a8801f; --brand-light:#f6efdc;
  --brand-text:#1b1d33; --brand-text-muted:#5f5b70; --brand-border:#eadfc2;
  --brand-50:#fdf9ee; --brand-100:#f8edcd; --brand-200:#f0d99a; --brand-300:#e6c56c; --brand-400:#d9b04c;
  --brand-500:#c49a32; --brand-600:#a8801f; --brand-700:#86651a; --brand-800:#5f4815; --brand-900:#3d2f10;
  --brand-ring:rgba(217,176,76,.28);
}
:root[data-identity="studio_astrolius"][data-theme="dark"] {
  --brand-bg:#0b0e1f; --brand-surface:#14172e; --brand-accent:#e6c56c; --brand-light:#1b1e3a;
  --brand-text:#f3ecd8; --brand-text-muted:#b8b2a0; --brand-border:#2a2d4a;
  --brand-50:#1b1e3a; --brand-100:#2a2d4a; --brand-200:#5f4815; --brand-300:#86651a; --brand-400:#c49a32;
  --brand-500:#d9b04c; --brand-600:#e6c56c; --brand-700:#f0d99a; --brand-800:#f8edcd; --brand-900:#fdf9ee;
}
[data-identity="studio_astrolius"] body {
  background: radial-gradient(900px 420px at 50% -80px, rgba(217,176,76,.18), rgba(217,176,76,0) 70%), linear-gradient(180deg,#f6f0e0 0%,#faf7ef 40%,#fffdf8 100%) fixed;
  color:var(--brand-text);
}
[data-identity="studio_astrolius"][data-theme="dark"] body {
  background: radial-gradient(900px 480px at 50% -60px, rgba(59,52,112,.55), rgba(59,52,112,0) 70%), linear-gradient(180deg,#0b0e1f 0%,#080a17 100%) fixed;
}
[data-identity="studio_astrolius"] nav, [data-identity="studio_astrolius"] header { box-shadow:none; }
.sa-logo{ display:block; height:42px; width:42px; }
.sa-wordmark{ font-family:Georgia,'Times New Roman',serif; font-size:1.35rem; letter-spacing:.06em; text-transform:uppercase; color:var(--brand-text); }
.sa-wordmark b{ color:var(--brand-600); font-weight:700; }
.sa-claim{ font-size:.68rem; letter-spacing:.14em; color:var(--brand-text-muted); text-transform:uppercase; }
@media (max-width:479px){                                       /* Handy: Wortmarke kleiner, sonst schiebt sie die Symbole rechts aus dem Bild */
  .sa-logo{ height:34px; width:34px; }
  .sa-wordmark{ font-size:1rem; letter-spacing:.03em; white-space:nowrap; }
  .sa-claim{ font-size:.55rem; letter-spacing:.08em; }
}
[data-identity="studio_astrolius"] h1, [data-identity="studio_astrolius"] h2 { font-family:Georgia,'Times New Roman',serif; letter-spacing:-.01em; }
[data-identity="studio_astrolius"] .blog-card, [data-identity="studio_astrolius"] section.bg-white { border-color:var(--brand-border) !important; border-radius:24px; }
[data-identity="studio_astrolius"][data-theme="dark"] section.bg-white, [data-identity="studio_astrolius"][data-theme="dark"] .blog-card { background:var(--brand-surface) !important; }
[data-identity="studio_astrolius"] .blog-badge { background:var(--brand-100); color:var(--brand-800); border:0; border-radius:999px; }
[data-identity="studio_astrolius"] .btn-primary, [data-identity="studio_astrolius"] a.bg-slate-800 { background:linear-gradient(135deg,#c49a32,#e6c56c) !important; color:#1b1d33 !important; }
[data-identity="studio_astrolius"] footer { background:transparent !important; border-top:1px solid var(--brand-border) !important; }

/* Startseite */
.sa-hero{ position:relative; overflow:hidden; border-radius:28px; padding:4rem 1.5rem; text-align:center; color:#f3ecd8;
  background: radial-gradient(700px 360px at 50% 0%, rgba(59,52,112,.9), rgba(11,14,31,0) 70%), #0b0e1f; }
.sa-hero::before{ content:""; position:absolute; inset:0; opacity:.55; pointer-events:none;
  background-image: radial-gradient(1px 1px at 12% 22%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 78% 14%, #fff 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 64% 70%, #f0d27a 50%, transparent 51%), radial-gradient(1px 1px at 30% 80%, #fff 50%, transparent 51%),
    radial-gradient(1px 1px at 88% 56%, #fff 50%, transparent 51%), radial-gradient(1.5px 1.5px at 22% 48%, #f0d27a 50%, transparent 51%); }
.sa-hero > *{ position:relative; }
.sa-hero h1{ font-size:clamp(2rem,5vw,3.4rem); line-height:1.1; color:#f3ecd8; }
.sa-hero h1 span{ color:#e6c56c; font-style:italic; }
.sa-hero p{ color:#cfc8b4; max-width:40rem; margin:1rem auto 0; font-size:1.15rem; }
.sa-btn{ display:inline-block; padding:.85rem 1.8rem; border-radius:999px; font-weight:600; transition:filter .15s; }
.sa-btn:hover{ filter:brightness(1.08); }
.sa-btn-gold{ background:linear-gradient(135deg,#c49a32,#e6c56c); color:#1b1d33; }
.sa-btn-line{ border:1px solid rgba(230,197,108,.6); color:#e6c56c; }
.sa-karte{ background:var(--brand-surface); border:1px solid var(--brand-border); border-radius:22px; padding:1.6rem; }
.sa-karte h3{ font-family:Georgia,'Times New Roman',serif; font-size:1.25rem; color:var(--brand-text); margin-bottom:.4rem; }
.sa-karte p{ color:var(--brand-text-muted); }
.sa-tag{ display:inline-block; font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; color:var(--brand-600); margin-bottom:.5rem; }