:root {
    --swb-merlot: #7A1F39;
    --swb-plum: #522649;
    --swb-cream: #F6EFE4;
    --swb-paper: #EFE0C8;
    --swb-ink: #2F241F;
    --swb-cocoa: #624136;
}

.swb-app-root {
    min-height: 100vh;
    background:
        radial-gradient(circle at 15% 10%, rgba(122, 31, 57, .18), transparent 30%),
        linear-gradient(135deg, #f7efe5, #d8ad88);
    color: var(--swb-ink);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.swb-app-shell {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 28px;
}

.swb-splash-card,
.swb-login-card,
.swb-dashboard-card {
    width: min(420px, 100%);
    min-height: 420px;
    border-radius: 34px;
    padding: 34px;
    background: rgba(246, 239, 228, .88);
    box-shadow: 0 28px 80px rgba(55, 34, 20, .22);
}

.swb-eyebrow {
    margin: 0 0 16px;
    color: var(--swb-merlot);
    text-transform: uppercase;
    letter-spacing: .18em;
    font-size: 12px;
    font-weight: 900;
}

.swb-app-root h1 {
    margin: 0 0 18px;
    color: var(--swb-cocoa);
    font-family: Georgia, serif;
    font-size: clamp(44px, 12vw, 64px);
    line-height: .9;
    font-weight: 400;
}

.swb-app-root p {
    font-size: 16px;
    line-height: 1.55;
    font-weight: 650;
    color: rgba(47, 36, 31, .72);
}

.swb-button {
    border: 0;
    border-radius: 999px;
    padding: 14px 22px;
    background: var(--swb-merlot);
    color: #fff1d8;
    font-weight: 900;
}