/*
 * marketing-login.css — the login page's few hand-written rules on top of marketing-site.css
 * (Views/Login/Index.cshtml on _MarketingLayout). The compiled bundle carries only the utility classes
 * the marketing pages themselves use, so anything the login form needs beyond that set is plain CSS
 * here, written against the same design tokens (Marketing.Web/tailwind.config.js: accent
 * oklch(0.77 0.139 91.1) = the logo gold; destructive oklch(0.577 0.245 27.325)). Keep it small —
 * a missing plain utility becomes a token-based rule here, never an edit to the bundle.
 */

/* Server-side login errors (the identity messages the SPA showed as toasts) — shadcn "destructive"
   alert tints: 50% border, 10% fill. */
.MarketingLogin__errors {
  border-color: color-mix(in oklab, oklch(0.577 0.245 27.325) 50%, transparent);
  background-color: color-mix(in oklab, oklch(0.577 0.245 27.325) 10%, transparent);
}

/* Show/hide password: room for the toggle inside the control's own border (pr-10). */
.MarketingLogin__password-input {
  padding-right: 2.5rem;
}

/* The toggle carries both Lucide glyphs; aria-pressed picks one — the same attribute-driven icon swap
   the header's hamburger uses (#mobile-menu-toggle[aria-expanded]). */
.MarketingLogin__password-toggle[aria-pressed="true"] [data-icon="eye"],
.MarketingLogin__password-toggle[aria-pressed="false"] [data-icon="eye-off"] {
  display: none;
}

/* Native checkbox painted in the brand gold. */
.MarketingLogin__checkbox {
  accent-color: oklch(0.77 0.139 91.1);
}