/* Lila tema för publika sidor. Laddas efter base.css/sub.css. Rör inte dashboards (app/). */
:root{--bg:#ffffff;--soft:#f6f4fa;--soft-2:#ece8f5;--ink:#0d0d0f;--ink-2:#48484f;--muted:#6f6f78;
--pink:#e0578f;--pink-h:#cf4a82;--pink-2:#f1eff6;--pink-ink:#4a3f66;--blue:#7a56c9;--green:#1f9d55;
--line:#e6e2ee;--line-2:#d6d0e4;--lila:#4a3f66;--lila-d:#2b2340;--grad:linear-gradient(120deg,#2b2340,#4a3f66 35%,#7a56c9 70%,#e0578f)}
body{background:#fff}
.btn-dark{background:var(--lila-d)}.btn-dark:hover{background:var(--lila);box-shadow:0 10px 30px -8px rgba(43,35,64,.5)}
.btn-pink{background:var(--pink);color:#fff}.btn-pink:hover{background:var(--pink-h)}
.btn-line:hover{border-color:var(--lila)}
.kicker{color:var(--pink)}
.prog{background:var(--grad)}
::selection{background:#e6dcf7;color:var(--lila-d)}
h1,h2,h3{color:var(--lila-d)}
nav.top{background:rgba(255,255,255,.86)}
footer{background:var(--lila-d)}
a:focus-visible,button:focus-visible{outline-color:var(--pink)}