/* Auth layout lives in auth.css; all theme-sensitive presentation lives here. */
.auth-page,.auth-content { background:var(--color-background); }
.auth-brand { background:linear-gradient(145deg,var(--color-primary),var(--color-primary-hover)); color:var(--color-on-primary); }
.auth-brand .brand-mark { background:var(--color-surface); color:var(--color-primary); }
.auth-field label { color:var(--color-text); font-size:var(--type-size-meta); }
.auth-input-wrap input { background:var(--color-surface-raised); color:var(--color-text); }
.auth-input-wrap input:hover { border-color:var(--color-primary-hover); }
.auth-input-wrap input:focus { border-color:var(--color-primary); box-shadow:0 0 0 3px var(--color-focus-ring); background:var(--color-surface); }
.verification-state { background:var(--color-primary-soft); border-color:var(--color-focus-ring); }
.verification-icon,.auth-submit { background:var(--color-primary); color:var(--color-on-primary); }