/* login.css — styles for the Hanko sign-in page (login.php).
   Kept intentionally minimal so the strict CSP can disallow inline styles.
   The Hanko Web Component owns its own internal styling. */

:root {
  color-scheme: light;
}

body {
  margin: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #1f2937;
  background: #f9fafb;
}

.login {
  max-width: 400px;
  margin: 4rem auto;
  padding: 0 1.25rem;

  /* Hanko 1.x bare-name custom properties — re-skin <hanko-login> in the
   * Perfect Days palette so the Continue button (the visual centre of the
   * page) is the same milestone navy used everywhere else in the app. See
   * Frontend/shared/account-actions.css for the matching set on
   * <hanko-profile>. */
  --font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-size: 14px;
  --font-weight: 400;
  --color: #1A202C;
  --color-shade-1: #718096;
  --background-color: #ffffff;
  --brand-color: #0D467F;          /* primary-navy / milestone blue */
  --brand-color-shade-1: #0A3866;
  --brand-contrast-color: #ffffff;
  --error-color: #991b1b;
  --headline1-font-size: 1.05rem;
  --headline1-font-weight: 700;
  --border-radius: 6px;
  --input-min-height: 40px;
  --button-min-height: 40px;
  --link-color: #0D467F;
  --link-color-shade-1: #0A3866;
}

.login__title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #0D467F;
  margin: 0 0 1.25rem;
  line-height: 1.25;
}

.login__support,
.login__escape {
  margin-top: 1.5rem;
  font-size: .85rem;
  color: #4b5563;
}

.login__support {
  margin-top: 1.25rem;
}

.login__support a,
.login__escape a {
  color: #0D467F;
  text-decoration: none;
}

.login__support a:hover,
.login__support a:focus,
.login__escape a:hover,
.login__escape a:focus {
  text-decoration: underline;
}