/* Legalton's sign-in: the app's calm white page, ink actions and its serif title
   (DESIGN-003 section 5). Plain CSS over PatternFly 5's variables and Keycloak's classes. */
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Newsreader:opsz,wght@6..72,500&display=swap");

:root {
  --lt-ink: #111113;
  --lt-ink-secondary: #52525b;
  --lt-border: #e4e4e7;
  --lt-sunken: #fafafa;
  --pf-v5-global--FontFamily--text: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  --pf-v5-global--FontFamily--heading: "Newsreader", Georgia, serif;
  --pf-v5-global--primary-color--100: var(--lt-ink);
  --pf-v5-global--primary-color--200: #000;
  --pf-v5-global--link--Color: var(--lt-ink);
  --pf-v5-global--link--Color--hover: #000;
}

html,
body,
.pf-v5-c-login,
.login-pf body {
  background: var(--lt-sunken) none !important;
  color: var(--lt-ink);
  font-family: var(--pf-v5-global--FontFamily--text);
}

#kc-header-wrapper,
.pf-v5-c-login__header,
.pf-v5-c-brand {
  color: var(--lt-ink) !important;
  font-family: var(--pf-v5-global--FontFamily--heading);
  font-size: 1.75rem;
  letter-spacing: -0.01em;
  text-transform: none;
}

.pf-v5-c-login__main {
  background: #fff;
  border: 1px solid var(--lt-border);
  border-radius: 14px;
  box-shadow: 0 1px 2px rgb(17 17 19 / 0.04);
}

.pf-v5-c-login__main::before {
  display: none;
}

.pf-v5-c-title,
#kc-page-title {
  font-family: var(--pf-v5-global--FontFamily--heading);
  font-weight: 500;
}

.pf-v5-c-button.pf-m-primary {
  background: var(--lt-ink);
  border-radius: 999px;
}

.pf-v5-c-button.pf-m-secondary,
.pf-v5-c-button.pf-m-control {
  border-radius: 999px;
  color: var(--lt-ink);
}

.pf-v5-c-form-control {
  border-radius: 8px;
}

/* PatternFly marks the card's top with a 4px brand-blue rule; the app draws none. */
.pf-v5-c-login__main-header {
  border-top: 0 !important;
}