/* BRANDSTORE base.css – Grundstyles & Tokens */
:root{
  --primary:#78005e;   /* Akzent */
  --text:#000000;      /* Haupttext */
  --muted:#6b7280;
  --bg:#ffffff;
  --surface:#ffffff;
  --soft:#f8fafc;
  --border:#e5e7eb;
  --btn:#b4ff33;       /* CTA */
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:system-ui,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.45}

.container{max-width:1080px;margin:0 auto;padding:1.25rem}
.card{border:1px solid var(--border);border-radius:.75rem;background:var(--surface)}
.input{width:100%;padding:.7rem .8rem;border:1px solid var(--border);border-radius:.5rem;background:var(--soft)}
.btn{display:inline-block;padding:.7rem 1.1rem;border:none;border-radius:.6rem;font-weight:700;cursor:pointer}
.btn-primary{background:var(--btn);color:#111}
.btn:active{transform:translateY(1px)}
.muted{color:var(--muted)}
.link{color:#374151;text-decoration:none}
.link:hover{text-decoration:underline}
.hidden{display:none!important}
.topbar{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid var(--border);background:#fff;font-size:.95rem}
.branding{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:#fff}
.branding .logo img{height:36px;width:auto}
.branding .search{max-width:360px;width:100%}
.hero{overflow:hidden}
.hero img{display:block;width:100%;height:auto}
.content{padding:1.25rem 1.25rem 1.5rem}
.eyebrow{margin:.25rem 0 .5rem 0;letter-spacing:.03em;font-weight:700;color:var(--primary);text-transform:uppercase;font-size:1.05rem}
h1{margin:.25rem 0 .5rem 0;font-size:1.85rem;line-height:1.25;color:var(--text)}
.lead{max-width:78ch;margin:.5rem 0 1.25rem 0}
.login-card{margin-top:.5rem;max-width:420px}
footer{margin-top:2rem;border-top:1px solid var(--border);padding:1rem 1.25rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:#fff}
@media (max-width:720px){.login-card{max-width:100%}}