/*
 * ainslies admin console — Charcoal & Brass accents over the light PatternFly 5
 * theme. Loaded after the SPA's own stylesheet (see keycloak.v2 index.ftl), so
 * these token overrides win. Scope is intentionally limited to brand accents:
 * primary actions, links, active nav, and the masthead. Layout/structure are
 * owned by the compiled SPA and not themeable.
 */
@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Bricolage+Grotesque:wght@400;500;600&display=swap");

:root {
  --ainslies-char: #3a3d42;
  --ainslies-char-deep: #25272b;
  --ainslies-brass: #bb9340;
  --ainslies-brass-deep: #9c7a2e;

  /* Primary accent: primary buttons, selected states, spinners. */
  --pf-v5-global--primary-color--100: var(--ainslies-brass);
  --pf-v5-global--primary-color--200: var(--ainslies-brass-deep);
  --pf-v5-global--active-color--100:  var(--ainslies-brass);
  --pf-v5-global--active-color--200:  var(--ainslies-brass-deep);

  /* Links. */
  --pf-v5-global--link--Color:        var(--ainslies-brass-deep);
  --pf-v5-global--link--Color--hover: var(--ainslies-char-deep);

  /* Type: Fraunces headings + Bricolage body, matching the login + account. */
  --pf-v5-global--FontFamily--text:                "Bricolage Grotesque", system-ui, sans-serif;
  --pf-v5-global--FontFamily--sans-serif:          "Bricolage Grotesque", system-ui, sans-serif;
  --pf-v5-global--FontFamily--heading--sans-serif: "Fraunces", Georgia, serif;
}

/* Primary buttons -> charcoal fill with brass on hover (component tokens). */
.pf-v5-c-button.pf-m-primary {
  --pf-v5-c-button--m-primary--BackgroundColor: var(--ainslies-char);
  --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--ainslies-char-deep);
  --pf-v5-c-button--m-primary--active--BackgroundColor: var(--ainslies-char-deep);
  --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--ainslies-char-deep);
}

/* Top masthead -> charcoal. */
.pf-v5-c-masthead {
  --pf-v5-c-masthead--BackgroundColor: var(--ainslies-char);
  background-color: var(--ainslies-char);
}

/* Selected / current left-nav item -> brass marker. */
.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__link:hover {
  --pf-v5-c-nav__link--m-current--Color: var(--ainslies-brass-deep);
}
.pf-v5-c-nav__item .pf-v5-c-nav__link.pf-m-current::before {
  --pf-v5-c-nav__link--before--BorderColor: var(--ainslies-brass);
  border-inline-start-color: var(--ainslies-brass);
}

/* Active tabs underline. */
.pf-v5-c-tabs__link {
  --pf-v5-c-tabs__link--after--Color: var(--ainslies-brass);
}

/* Warm paper page wash behind the console. Scoped to the page canvas only, so
   cards, tables and forms keep their white surfaces for legibility. */
.pf-v5-c-page__main {
  background-color: #f1f0ec;
}

/* Section headings in Fraunces for brand character. */
.pf-v5-c-title {
  font-family: "Fraunces", Georgia, serif;
  letter-spacing: -0.01em;
}