/* Vextro account console theme — brand palette aligned with the vextro login theme
   (themes/vextro/login/resources/css/styles.css) and apps/web globals.css.
   The account console is PatternFly v5, so branding is done by overriding PF globals. */
:root {
  --brand-primary: #f5793b; /* Crusta */
  --brand-primary-hover: #f26a28;
  --brand-secondary: #fbaf40; /* Fire Brush */
  --brand-tertiary: #0c1444; /* Bunting */

  --pf-v5-global--FontFamily--text:
    system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --pf-v5-global--FontFamily--heading:
    system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Primary actions, focus rings, switches, active nav items */
  --pf-v5-global--primary-color--100: var(--brand-primary);
  --pf-v5-global--primary-color--200: var(--brand-primary-hover);
  --pf-v5-global--primary-color--dark-100: var(--brand-primary);
  --pf-v5-global--active-color--100: var(--brand-primary);

  --pf-v5-global--link--Color: var(--brand-tertiary);
  --pf-v5-global--link--Color--hover: var(--brand-primary-hover);
  --pf-v5-global--link--Color--visited: var(--brand-tertiary);

  /* Match the app's ~0.625rem radius */
  --pf-v5-global--BorderRadius--sm: 10px;
}

/* Keycloak toggles this class on <html> for dark mode — keep brand accents readable
   on dark surfaces (dark navy links would vanish) */
html.pf-v5-theme-dark {
  --pf-v5-global--primary-color--100: var(--brand-primary);
  --pf-v5-global--primary-color--200: var(--brand-primary-hover);
  --pf-v5-global--active-color--100: var(--brand-primary);
  --pf-v5-global--link--Color: var(--brand-secondary);
  --pf-v5-global--link--Color--hover: #fcc46a;
  --pf-v5-global--link--Color--visited: var(--brand-secondary);
}

/* Top bar in brand navy, logo sized for the square icon mark */
.pf-v5-c-masthead {
  --pf-v5-c-masthead--BackgroundColor: var(--brand-tertiary);
}

/* Sidebar in the same brand navy as the masthead. PF's dark sidebar paints its own
   grays on the nav links, so those state backgrounds are re-tinted as translucent
   white over the navy. !important is required: the console's bundled PatternFly CSS
   wins the cascade against theme stylesheets otherwise. */
.pf-v5-c-page__sidebar,
.pf-v5-c-page__sidebar-body,
.pf-v5-c-page__sidebar .pf-v5-c-nav {
  background-color: var(--brand-tertiary) !important;
}

.pf-v5-c-page__sidebar .pf-v5-c-nav__link,
.pf-v5-c-page__sidebar .pf-v5-c-nav__section,
.pf-v5-c-page__sidebar .pf-v5-c-nav__subnav {
  background-color: transparent !important;
}

.pf-v5-c-page__sidebar .pf-v5-c-nav__link:hover,
.pf-v5-c-page__sidebar .pf-v5-c-nav__link:focus,
.pf-v5-c-page__sidebar .pf-v5-c-nav__item.pf-m-expanded > .pf-v5-c-nav__link {
  background-color: rgba(255, 255, 255, 0.08) !important;
}

.pf-v5-c-page__sidebar .pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-page__sidebar .pf-v5-c-nav__item.pf-m-current > .pf-v5-c-nav__link {
  background-color: rgba(255, 255, 255, 0.14) !important;
}

.pf-v5-c-masthead .pf-v5-c-brand {
  height: 36px;
}

/* Primary buttons — mirror the login card's soft brand shadow */
.pf-v5-c-button.pf-m-primary {
  box-shadow: 0 10px 25px rgba(245, 121, 59, 0.3);
}