/* --- Foundry Portal Keycloak theme (no external CDNs required) --- */

/* 1) Local Signika fonts */
@font-face {
  font-family: "Signika";
  src: url("../fonts/Signika-Regular.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Signika";
  src: url("../fonts/Signika-SemiBold.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Signika";
  src: url("../fonts/Signika-Bold.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}

/* 2) Palette */
:root {
  --foundry-accent: #ff6400;
  --foundry-bg: #1b1b1b;
  --foundry-panel: #252525;
  --foundry-text: #e6e6e6;
  --foundry-muted: #a0a0a0;
  --foundry-border: #2e2e2e;
  --foundry-input: #1f1f1f;
}

/* 3) Global look */
html, body {
  background: linear-gradient(#1b1b1b, #171717) fixed;
  color: var(--foundry-text);
  font-family: "Signika", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Arial, sans-serif;
}

/* Subtle glow background */
body::before {
  content: "";
  position: fixed; inset: 0;
  background:
    radial-gradient(1200px 600px at 50% -20%, rgba(255,100,0,.08), transparent 60%),
    radial-gradient(1200px 600px at 120% 120%, rgba(255,100,0,.06), transparent 60%);
  pointer-events: none;
  z-index: -1;
}

/* 4) Card / panel */
.pf-c-login, .pf-c-login__container, #kc-content, #kc-page-content {
  color: var(--foundry-text);
}
.pf-c-card, .login-pf-page .card-pf {
  background: color-mix(in sRGB, var(--foundry-panel) 90%, transparent);
  border: 1px solid var(--foundry-border);
  border-radius: 16px;
  box-shadow: 0 0 0 1px rgba(255,100,0,.15), 0 10px 25px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.02);
}

/* 5) Headers / titles */
#kc-page-title, .login-pf-page .login-pf-header h1, .pf-c-login__main-header h1 {
  color: var(--foundry-text);
  font-weight: 700;
  letter-spacing: .2px;
}
#kc-header, #kc-header-wrapper {
  color: var(--foundry-text);
}

/* Optional logo sizing if you drop an SVG/PNG into resources/img/logo.svg */
.pf-c-brand, .login-pf-brand {
  max-height: 42px;
}

/* 6) Inputs */
.pf-c-form-control, input[type="text"], input[type="password"], input[type="email"] {
  background: var(--foundry-input) !important;
  color: var(--foundry-text) !important;
  border: 1px solid var(--foundry-border) !important;
  border-radius: 10px !important;
}
.pf-c-form-control:focus, input:focus {
  outline: none !important;
  border-color: color-mix(in sRGB, var(--foundry-accent) 60%, white 0%) !important;
  box-shadow: 0 0 0 3px rgba(255,100,0,.25) !important;
}

/* 7) Primary / secondary buttons */
.pf-c-button.pf-m-primary, input[type="submit"], .btn-primary {
  background: var(--foundry-accent) !important;
  border: 1px solid color-mix(in sRGB, var(--foundry-accent) 70%, black 30%) !important;
  color: #111 !important;
  border-radius: 12px !important;
  font-weight: 600;
}
.pf-c-button.pf-m-primary:hover, input[type="submit"]:hover, .btn-primary:hover {
  filter: brightness(1.05);
}
.pf-c-button, .btn {
  border-radius: 12px !important;
}

.pf-c-button.pf-m-link, .btn-link, a {
  color: var(--foundry-accent);
}

/* 8) Minor text and links */
.kc-feedback-text, .instruction, .pf-c-helper-text, .login-pf-page .login-pf-signup a {
  color: var(--foundry-muted);
}
.login-pf-page .login-pf-signup a:hover {
  color: var(--foundry-accent);
}

/* 9) Alerts */
.pf-c-alert, .alert {
  background: #1f1b18;
  border-color: color-mix(in sRGB, var(--foundry-accent) 30%, black 70%);
  color: var(--foundry-text);
}

/* 10) Checkbox / remember me */
.pf-c-check__label, .checkbox label {
  color: var(--foundry-text);
}

/* 11) Social / federated buttons (if any) */
.kc-social-item .pf-c-button, .kc-social-links .btn {
  background: #2a2a2a;
  border: 1px solid var(--foundry-border);
  color: var(--foundry-text);
}
.kc-social-item .pf-c-button:hover, .kc-social-links .btn:hover {
  background: #2f2f2f;
}

/* 12) Small tweaks for legacy markup (older Keycloak) */
.login-pf-page { background: transparent; }
.login-pf-page .login-pf-page-header { color: var(--foundry-text); }