/* ============================================================
   auth.css — Login, register, password reset specific styles
   ============================================================ */

.auth-title {
    font-size: var(--text-xl);
    font-weight: var(--font-semibold);
    text-align: center;
    margin-bottom: var(--space-6);
}

.auth-subtitle {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    text-align: center;
    margin-top: calc(-1 * var(--space-4));
    margin-bottom: var(--space-6);
}

.auth-footer {
    text-align: center;
    margin-top: var(--space-6);
    padding-top: var(--space-4);
    border-top: 1px solid var(--color-border);
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
}

.auth-footer a {
    font-weight: var(--font-medium);
}

/* ─── Verification Notice ──────────────────────────────────── */
.verify-notice {
    text-align: center;
    padding: var(--space-4) 0;
}

.verify-notice p {
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
    margin-bottom: var(--space-4);
}

.verify-icon {
    font-size: var(--text-4xl);
    margin-bottom: var(--space-4);
}