:root{
  --seitenart-cyan:#5ce1e6;
  --seitenart-cyan-strong:#18bfc7;
  --seitenart-navy:#040d21;
  --seitenart-soft:#ebecee;
}

.brand-logo--dark{display:none}
[data-theme="dark"] .brand-logo--light{display:none}
[data-theme="dark"] .brand-logo--dark{display:block}
[data-theme="dark"] .brand-logo{filter:none!important}

.topbar-brand-mark{
  background:var(--seitenart-navy);
  border-color:color-mix(in srgb,var(--seitenart-cyan) 50%,transparent);
  box-shadow:0 8px 20px rgba(4,13,33,.18);
}
.topbar-brand-mark .brand-logo{
  width:100%;
  height:100%;
  border-radius:inherit;
}

.bk-launch-sequence{
  --bk-launch-accent:var(--seitenart-cyan);
  --bk-launch-accent-strong:var(--seitenart-cyan-strong);
}
.bk-launch-emblem{
  color:var(--seitenart-navy);
  background:linear-gradient(145deg,var(--seitenart-cyan),#b8f6f8);
  border-color:rgba(92,225,230,.68);
  box-shadow:0 12px 34px rgba(92,225,230,.24);
}
.bk-launch-kicker,.bk-launch-node{color:var(--seitenart-cyan)!important}
.bk-launch-progress>span{background:linear-gradient(90deg,var(--seitenart-cyan-strong),var(--seitenart-cyan))}

body:has(.login-container){
  background:
    radial-gradient(circle at 20% 15%,rgba(92,225,230,.18),transparent 32rem),
    radial-gradient(circle at 85% 80%,rgba(24,191,199,.12),transparent 28rem),
    var(--seitenart-navy);
}
.login-card{border-color:rgba(92,225,230,.22);background:rgba(7,20,43,.96)}
.brand-placeholder{
  background:var(--seitenart-navy);
  border:1px solid rgba(92,225,230,.3);
  box-shadow:0 12px 32px rgba(0,0,0,.34);
}
.brand-placeholder img{background:transparent}
.login-form input:focus{border-color:var(--seitenart-cyan);box-shadow:0 0 0 3px rgba(92,225,230,.18)}
.login-form button{
  background:linear-gradient(135deg,var(--seitenart-cyan-strong),var(--seitenart-cyan));
  color:var(--seitenart-navy);
}
.legal-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#68758a;
  font-size:.76rem;
}
.legal-links a,.footer-link-btn{color:inherit;text-decoration:none}
.legal-links a:hover,.legal-links a:focus-visible,.footer-link-btn:hover,.footer-link-btn:focus-visible{color:var(--seitenart-cyan-strong)}

.color-dot[data-preset="seitenart"],
.design-swatch[data-design-color="seitenart"] span{
  background:linear-gradient(135deg,var(--seitenart-navy) 0 48%,var(--seitenart-cyan) 48% 100%);
}