/**
 * Tyro login/register — visual alignment with dashboard & welcome.
 */

.auth-container:not(.split-left):not(.split-right):not(.fullscreen) {
    background-color: #f1f5f9;
    background-image:
        radial-gradient(ellipse 120% 80% at 100% -10%, color-mix(in oklch, var(--primary) 11%, transparent) 0%, transparent 52%),
        radial-gradient(ellipse 90% 55% at 0% 105%, color-mix(in oklch, var(--info) 7%, transparent) 0%, transparent 48%),
        linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
}

html.dark .auth-container:not(.split-left):not(.split-right):not(.fullscreen) {
    background-color: var(--background);
    background-image:
        radial-gradient(ellipse 120% 80% at 100% -10%, color-mix(in oklch, var(--primary) 16%, transparent) 0%, transparent 50%),
        radial-gradient(ellipse 90% 55% at 0% 105%, color-mix(in oklch, var(--info) 10%, transparent) 0%, transparent 48%);
}

.auth-container.card .form-card,
.auth-container.fullscreen .form-card {
    border-radius: 16px;
}

.form-input {
    border-radius: 10px;
}

.form-input:focus {
    border-color: color-mix(in oklch, var(--ring) 45%, var(--primary));
    box-shadow: 0 0 0 3px color-mix(in oklch, var(--primary) 15%, transparent);
}

.btn-primary,
.btn {
    border-radius: 10px;
}

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

.form-header h2 {
    font-weight: 700;
    letter-spacing: -0.03em;
}