/* Light/Dark tema değişkenleri */
:root {
    --bg: #f5f7fb;
    --card-bg: #ffffff;
    --fg: #0f172a;
    --muted: #6b7280;
    --primary: #635bff;
    --radius: 14px;
    --shadow: 0 10px 24px rgba(0,0,0,.08);
}

    :root[data-theme="dark"] {
        --bg: #0b132b;
        --card-bg: #111827;
        --fg: #e5e7eb;
        --muted: #9aa1ad;
        --primary: #8d88ff;
    }

body.bg-soft {
    background: var(--bg);
    color: var(--fg);
}

.card {
    background: var(--card-bg);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}

.border-top {
    border-top: 1px solid rgba(0,0,0,.06) !important;
}

.text-muted {
    color: var(--muted) !important;
}

.auth-wrapper {
    min-height: calc(100vh - 64px - 64px); /* navbar + footer kabaca */
    display: grid;
    place-items: center;
    padding: 2rem 0;
}

.auth-card {
    width: 100%;
    max-width: 460px;
}

.brand-circle {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(99, 91, 255, .12);
    color: var(--primary);
    font-size: 24px;
    margin: 0 auto;
}

.font-weight-600 {
    font-weight: 600;
}

.btn-ghost {
    background: transparent;
    border: 1px solid rgba(255,255,255,.25);
    color: inherit;
}
footer {
    background: #fff;
}

@media (prefers-color-scheme: dark) {
    footer {
        background: #111827;
    }
}

html, body {
    height: 100%;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}