/* gmad-universal — Account Console (keycloak.v3 React SPA) brand overlay.
   Limited surface area — the SPA is React+Vite-built and most layout/typography
   is locked. This overlay shifts colors via PatternFly v5 custom properties
   plus targeted selectors so the chrome reads as Indigo+Honey, not the default
   Keycloak red. */

:root {
  --gmad-primary:        #2B2D5E;
  --gmad-primary-light:  #4A4E8A;
  --gmad-accent:         #D4A84B;
  --gmad-accent-dark:    #9A7830;
  --gmad-bg:             #F0EEE9;
  --gmad-bg-alt:         #F8F5EC;
  --gmad-surface:        #FFFFFF;
  --gmad-ink:            #1A1A30;
  --gmad-muted:          rgba(26,26,48,0.55);
  --gmad-border:         rgba(26,26,48,0.08);

  /* Override PatternFly v5 brand globals where the SPA respects them. */
  --pf-v5-global--primary-color--100: #2B2D5E;
  --pf-v5-global--primary-color--200: #4A4E8A;
  --pf-v5-global--link--Color: #4A4E8A;
  --pf-v5-global--link--Color--hover: #2B2D5E;
  --pf-v5-global--BackgroundColor--100: #FFFFFF;
  --pf-v5-global--BackgroundColor--light-100: #F0EEE9;
  --pf-v5-global--BackgroundColor--light-200: #F8F5EC;
  --pf-v5-global--Color--100: #1A1A30;
  --pf-v5-global--Color--200: rgba(26,26,48,0.55);
  --pf-v5-global--BorderColor--100: rgba(26,26,48,0.08);
}

html, body {
  background: var(--gmad-bg) !important;
  color: var(--gmad-ink) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* Page background. */
.pf-v5-c-page,
.pf-v5-c-page__main,
.pf-v5-c-page__main-section {
  background: var(--gmad-bg) !important;
}

/* Top masthead — Indigo Deep band. */
.pf-v5-c-masthead,
header.pf-v5-c-masthead {
  background: var(--gmad-primary) !important;
  color: var(--gmad-bg) !important;
}
.pf-v5-c-masthead a,
.pf-v5-c-masthead__brand,
.pf-v5-c-masthead__main {
  color: var(--gmad-bg) !important;
}

/* Cards / sections — white surface. */
.pf-v5-c-card,
.pf-v5-c-content,
.pf-v5-c-panel {
  background: var(--gmad-surface) !important;
  border: 1px solid var(--gmad-border) !important;
  border-radius: 8px !important;
}

/* Section titles — Indigo Deep. */
h1, h2, h3, h4,
.pf-v5-c-title {
  color: var(--gmad-primary) !important;
}

/* Primary buttons. */
.pf-v5-c-button.pf-m-primary {
  background: var(--gmad-primary) !important;
  border-color: var(--gmad-primary) !important;
  color: var(--gmad-bg) !important;
}
.pf-v5-c-button.pf-m-primary:hover {
  background: var(--gmad-primary-light) !important;
  border-color: var(--gmad-primary-light) !important;
}

/* Secondary / outline buttons. */
.pf-v5-c-button.pf-m-secondary {
  border-color: var(--gmad-primary-light) !important;
  color: var(--gmad-primary-light) !important;
}

/* Links. */
a, .pf-v5-c-button.pf-m-link {
  color: var(--gmad-primary-light) !important;
}
a:hover, .pf-v5-c-button.pf-m-link:hover {
  color: var(--gmad-primary) !important;
}

/* Inputs. */
.pf-v5-c-form-control,
input[type="text"], input[type="email"], input[type="password"] {
  background: var(--gmad-bg-alt) !important;
  color: var(--gmad-ink) !important;
  border: 1px solid var(--gmad-border) !important;
}
.pf-v5-c-form-control:focus {
  border-color: var(--gmad-primary-light) !important;
  outline: 2px solid rgba(74,78,138,0.25) !important;
}

/* Side nav / left rail. */
.pf-v5-c-nav,
.pf-v5-c-page__sidebar {
  background: var(--gmad-surface) !important;
  border-right: 1px solid var(--gmad-border) !important;
}

.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__link:hover {
  color: var(--gmad-primary) !important;
  border-left: 3px solid var(--gmad-accent) !important;
  background: var(--gmad-bg-alt) !important;
}