/* Az Alfred webes felületével azonos színek (web/app/globals.css). */
:root {
  --alfred-bg: #f6f4ef;
  --alfred-surface: #ffffff;
  --alfred-text: #1b2420;
  --alfred-muted: #5d6964;
  --alfred-border: #e4e0d6;
  --alfred-accent: #1f5d4c;
  --alfred-accent-hover: #184b3d;
  --alfred-accent-soft: #e3efe9;

  --pf-v5-global--FontFamily--text: "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --pf-v5-global--FontFamily--heading: var(--pf-v5-global--FontFamily--text);
  --pf-v5-global--primary-color--100: var(--alfred-accent);
  --pf-v5-global--primary-color--200: var(--alfred-accent-hover);
  --pf-v5-global--link--Color: var(--alfred-accent);
  --pf-v5-global--link--Color--hover: var(--alfred-accent-hover);
  --pf-v5-global--active-color--100: var(--alfred-accent);
  --pf-v5-global--BorderRadius--sm: 10px;
  --keycloak-card-top-color: var(--alfred-accent);
}

.pf-v5-theme-dark {
  --alfred-bg: #121614;
  --alfred-surface: #1a201d;
  --alfred-text: #e9ece9;
  --alfred-muted: #a3ada8;
  --alfred-border: #2c3430;
  --alfred-accent: #6fbf9f;
  --alfred-accent-hover: #86cdb0;
  --alfred-accent-soft: #1f3a30;
  --pf-v5-global--primary-color--100: var(--alfred-accent);
  --pf-v5-global--primary-color--200: var(--alfred-accent-hover);
  --pf-v5-global--link--Color: var(--alfred-accent);
  --pf-v5-global--link--Color--hover: var(--alfred-accent-hover);
  --pf-v5-global--BackgroundColor--100: var(--alfred-surface);
}

.login-pf body,
#keycloak-bg {
  background: var(--alfred-bg);
}

.pf-v5-c-login__container {
  grid-template-columns: min(30rem, 100%);
}

#kc-header-wrapper,
#kc-header-wrapper * {
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  /* A keycloak.v2 téma !important-tal fehérre állítja. */
  color: var(--alfred-accent) !important;
  text-transform: none;
}

.pf-v5-c-login__main {
  background: var(--alfred-surface);
  border: 1px solid var(--alfred-border);
  border-radius: 16px;
  box-shadow: 0 1px 2px rgb(16 24 20 / 6%), 0 12px 32px -12px rgb(16 24 20 / 18%);
  overflow: hidden;
}

.pf-v5-c-login__main-header {
  border-top: none;
}

.pf-v5-c-login__main-header .pf-v5-c-title,
#kc-page-title {
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--alfred-text);
}

.pf-v5-c-form-control {
  border-radius: 10px;
  --pf-v5-c-form-control--focus--after--BorderBottomColor: var(--alfred-accent);
  --pf-v5-c-form-control--hover--after--BorderBottomColor: var(--alfred-accent);
}

.pf-v5-c-button.pf-m-primary {
  border-radius: 10px;
  font-weight: 600;
  padding-block: 0.7rem;
}

.pf-v5-c-login__main-footer-band {
  background: transparent;
  color: var(--alfred-muted);
}