/* SchreibMama pages on schreibmama.bayqara.de in the bayqara.de look (product-studio layout).
   Loaded after the original styles.css by build_bayqara.py; only colours, type, nav, cards and
   footer change, the page content and layout logic stay those of schreibmama.de. Light only, like
   bayqara.de. */

:root, .theme-la, .theme-en {
  --primary:#D9572B; --primary-dark:#B8441E; --primary-soft:#FBE9E0;
  --success:#3E8E5E; --success-soft:#E6F2EA;
  --sun:#E9A23B; --orange:#D9572B; --orange-soft:#FBE9E0;
  --coral:#D9572B; --violet:#6B5BA8;
  --ink:#17140F; --ink-muted:#625B53;
  --bg:#FFFFFF; --bg-soft:#F6F3EF; --card:#FFFFFF; --hairline:#E8E2DA;
  --shadow:0 1px 2px rgba(40,25,10,.06), 0 10px 30px rgba(40,25,10,.08);
  --radius:22px;
  color-scheme:light;
}
@media (prefers-color-scheme: dark) {
  :root, .theme-la, .theme-en {
    --primary:#D9572B; --primary-dark:#B8441E; --primary-soft:#FBE9E0;
    --success:#3E8E5E; --success-soft:#E6F2EA; --orange-soft:#FBE9E0;
    --ink:#17140F; --ink-muted:#625B53;
    --bg:#FFFFFF; --bg-soft:#F6F3EF; --card:#FFFFFF; --hairline:#E8E2DA;
    --shadow:0 1px 2px rgba(40,25,10,.06), 0 10px 30px rgba(40,25,10,.08);
  }
  .email-button { color:#fff !important }
  .nav-cta { box-shadow:none }
}

body, button, input { font-family:"Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif }
body { background:var(--bg); color:var(--ink); font-size:17px }
h1, h2, h3 { font-weight:800; letter-spacing:-.025em }

/* Floating navigation bar */
.nav {
  top:max(12px, env(safe-area-inset-top)); margin:12px auto 0; width:min(1160px, calc(100% - 40px));
  padding:10px 12px 10px 18px; border:1px solid var(--hairline); border-radius:18px;
  background:rgba(255,255,255,.92); box-shadow:0 4px 24px rgba(40,25,10,.07);
}
.brand { font-weight:800; font-size:21px }
.brand img { border-radius:11px }
.nav nav { color:var(--ink); font-size:15px }
.nav nav a:hover { color:var(--primary) }
.nav-cta { background:var(--ink); border-radius:999px; padding:11px 18px; font-weight:700 }
.lang-switch img { border-radius:8px }

/* Hero */
.hero { background:#fff; padding:64px max(20px, calc((100% - 1160px) / 2)) 64px; gap:48px }
.eyebrow { font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--primary) }
.hero h1 { font-weight:800; letter-spacing:-.03em; line-height:1.0 }
.lead { color:var(--ink-muted) }
.phone { border-radius:36px; padding:10px; box-shadow:0 18px 44px rgba(40,25,10,.16) }
.phone img { border-radius:27px }

/* Sections: alternating bands like bayqara.de */
.section { padding:80px max(20px, calc((100% - 1160px) / 2)) }
.section h2 { font-weight:800; letter-spacing:-.025em }
.section-lead { color:var(--ink-muted) }
.soft { background:var(--bg-soft); border-top:1px solid var(--hairline); border-bottom:1px solid var(--hairline) }
.band { background:var(--bg-soft) }

.cards article, .steps li {
  background:var(--card); border:1px solid var(--hairline); border-radius:20px; box-shadow:var(--shadow);
}
.cards h3, .steps h3 { font-weight:800; letter-spacing:-.015em }
.icon { background:var(--primary-soft) !important; color:var(--primary) !important; border-radius:14px; font-weight:800 }
.steps li::before, .steps .num { background:var(--primary) !important; color:#fff !important }

.screens figure img, .screens img { border-radius:20px; border:1px solid var(--hairline); box-shadow:0 14px 34px rgba(40,25,10,.14) }
.screens figcaption { color:var(--ink-muted); font-weight:600 }

/* Pro */
.pro { border-radius:26px; border:1px solid var(--hairline); box-shadow:var(--shadow) }
.star { background:var(--primary-soft); color:var(--primary) }
.checks li::before { color:var(--primary) }

/* Closing download band */
.cta { background:#1C1916; color:#fff; border-top:0 }
.theme-la .cta { background:#1C1916 }
.cta .eyebrow { color:#F2A37F }

/* Footer: dark, with the bayqara line */
.footer { background:#1C1916; border-top:1px solid #36302A; padding:34px 0 }
.footer-left { color:#CFC8BF }
.footer-left a { color:#fff; font-weight:700 }
.footer-left a:hover { text-decoration:underline }
.footer-right a { color:#E9E3DB }
.footer-right a:hover { color:#fff; text-decoration:underline }

/* Legal and support pages */
.legal-page { background:var(--bg-soft) }
.legal { border-radius:26px; border:1px solid var(--hairline); box-shadow:var(--shadow); margin-top:56px }
.legal h1 { font-weight:800; letter-spacing:-.03em }
.legal h2 { font-weight:800 }
.legal a { color:var(--ink); text-decoration:underline; text-decoration-color:var(--primary); text-underline-offset:3px }
.callout { background:var(--primary-soft); border-left-color:var(--primary) }
.legal-card { background:var(--bg-soft) }
.email-button { background:var(--primary); border-radius:999px; padding:13px 24px; text-decoration:none !important }
.email-button:hover { background:var(--primary-dark) }
.back { background:var(--primary-soft); color:var(--primary) !important; border-radius:999px; text-decoration:none !important }

/* Download page */
.dl-page { background:var(--bg-soft) }
.dl-status { color:var(--primary) }

@media (max-width:600px) {
  .nav { width:calc(100% - 24px); margin-top:8px; padding:8px 10px 8px 14px }
  .nav-cta-text { font-size:0; gap:0 }
  .nav-cta-text svg { width:18px; height:18px }
  .nav-cta { padding:11px 12px }
  .brand img { width:32px; height:32px; margin-right:8px }
  .hero { padding:36px 20px 44px }
  .section { padding:52px 20px }
  .legal { margin-top:28px }
}