/* lsakvomi: @lsakvomi/theme tokens (--dv-*, css/tokens.css) -> PatternFly 5 variables. Shared by account + admin. */
:root, :root.pf-v5-theme-dark {
  --pf-v5-global--FontFamily--text: var(--dv-font);
  --pf-v5-global--FontFamily--heading: var(--dv-font);
  --pf-v5-global--FontFamily--monospace: var(--dv-mono);
  --pf-v5-global--FontFamily--text--vf: var(--dv-font);
  --pf-v5-global--FontFamily--heading--vf: var(--dv-font);
  --pf-v5-global--primary-color--100: var(--dv-accent);
  --pf-v5-global--primary-color--200: var(--dv-accent-hover);
  --pf-v5-global--primary-color--dark-100: var(--dv-accent-hover);
  --pf-v5-global--link--Color: var(--dv-text);
  --pf-v5-global--link--Color--hover: var(--dv-accent-hover);
  --pf-v5-global--link--Color--dark: var(--dv-text);
  --pf-v5-global--link--Color--dark--hover: var(--dv-accent-hover);
  --pf-v5-global--Color--100: var(--dv-text);
  --pf-v5-global--Color--200: var(--dv-muted);
  --pf-v5-global--BackgroundColor--100: var(--dv-surface);
  --pf-v5-global--BackgroundColor--200: var(--dv-bg);
  --pf-v5-global--BackgroundColor--light-300: var(--dv-bg);
  --pf-v5-global--BorderColor--100: var(--dv-border);
  --pf-v5-global--BorderRadius--sm: var(--dv-radius-control);
  --pf-v5-global--active-color--100: var(--dv-accent);
  --pf-v5-global--active-color--400: var(--dv-accent);
  --pf-v5-c-form-control--BorderRadius: var(--dv-radius-control);
  --pf-v5-c-form-control--before--BorderColor: var(--dv-border);
  --pf-v5-c-form-control--after--BorderBottomColor: var(--dv-border);
  --pf-v5-c-form-control--hover--after--BorderBottomColor: var(--dv-accent);
  --pf-v5-c-form-control--focus--after--BorderBottomColor: var(--dv-accent);
  --pf-v5-c-form-control--BackgroundColor: var(--dv-surface);
  --pf-v5-c-form-control--Color: var(--dv-text);
  --pf-v5-c-check__input--AccentColor: var(--dv-accent);
  --pf-v5-c-switch__input--checked__toggle--BackgroundColor: var(--dv-accent);
  --pf-v5-c-nav__link--m-current--after--BorderColor: var(--dv-accent);
  --pf-v5-c-tabs__link--after--BorderColor: var(--dv-border);
  --pf-v5-c-tabs__item--m-current__link--after--BorderColor: var(--dv-accent);
  --pf-v5-c-page__sidebar--BackgroundColor: var(--dv-aside-bg);
  --pf-v5-c-page__main-section--BackgroundColor: var(--dv-bg);
  --pf-v5-c-masthead--BackgroundColor: var(--dv-aside-bg);
  --pf-v5-c-card--BackgroundColor: var(--dv-surface);
}
/* component-scoped: PF dark theme redefines these on the component, so scope the same way */
.pf-v5-c-button, :root.pf-v5-theme-dark .pf-v5-c-button {
  --pf-v5-c-button--BorderRadius: var(--dv-radius-control);
  --pf-v5-c-button--m-primary--BackgroundColor: var(--dv-accent);
  --pf-v5-c-button--m-primary--Color: var(--dv-on-accent);
  --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--dv-accent-hover);
  --pf-v5-c-button--m-primary--hover--Color: var(--dv-on-accent);
  --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--dv-accent-hover);
  --pf-v5-c-button--m-primary--focus--Color: var(--dv-on-accent);
  --pf-v5-c-button--m-primary--active--BackgroundColor: var(--dv-accent-hover);
  --pf-v5-c-button--m-primary--active--Color: var(--dv-on-accent);
  --pf-v5-c-button--m-secondary--Color: var(--dv-text);
  --pf-v5-c-button--m-secondary--BorderColor: var(--dv-accent);
  --pf-v5-c-button--m-secondary--hover--Color: var(--dv-text);
  --pf-v5-c-button--m-secondary--hover--BorderColor: var(--dv-accent-hover);
  --pf-v5-c-button--m-secondary--BackgroundColor: var(--dv-accent-soft);
  --pf-v5-c-button--m-secondary--hover--BackgroundColor: var(--dv-accent-soft);
}
.pf-v5-c-form-control, :root.pf-v5-theme-dark .pf-v5-c-form-control {
  --pf-v5-c-form-control--BackgroundColor: var(--dv-surface);
  --pf-v5-c-form-control--Color: var(--dv-text);
  --pf-v5-c-form-control--before--BorderColor: var(--dv-border);
  --pf-v5-c-form-control--after--BorderBottomColor: var(--dv-border);
}
html, body { font-family: var(--dv-font); color: var(--dv-text); background: var(--dv-bg); }
code, pre, kbd { font-family: var(--dv-mono); }

/* masthead + sidebar in portal "aside" colours */
.pf-v5-c-masthead { background-color: var(--dv-aside-bg) !important; border-bottom: 1px solid var(--dv-border); }
.pf-v5-c-masthead, .pf-v5-c-masthead .pf-v5-c-menu-toggle, .pf-v5-c-masthead .pf-v5-c-dropdown__toggle { color: var(--dv-aside-text); }
.pf-v5-c-page__sidebar { background-color: var(--dv-aside-bg) !important; border-right: 1px solid var(--dv-border); }
.pf-v5-c-page__sidebar .pf-v5-c-nav {
  --pf-v5-c-nav--BackgroundColor: transparent;
  --pf-v5-c-nav__link--Color: var(--dv-aside-nav);
  --pf-v5-c-nav__link--hover--Color: var(--dv-aside-text);
  --pf-v5-c-nav__link--focus--Color: var(--dv-aside-text);
  --pf-v5-c-nav__link--active--Color: var(--dv-aside-text);
  --pf-v5-c-nav__link--m-current--Color: var(--dv-aside-nav-active-text);
  --pf-v5-c-nav__link--m-current--BackgroundColor: var(--dv-aside-nav-active-bg);
  --pf-v5-c-nav__link--hover--BackgroundColor: var(--dv-aside-chip);
  --pf-v5-c-nav__link--BackgroundColor: transparent;
  --pf-v5-c-nav__section-title--Color: var(--dv-aside-nav);
  --pf-v5-c-nav__link--before--BorderColor: transparent;
  --pf-v5-c-nav__toggle--Color: var(--dv-aside-nav);
}
.pf-v5-c-page__sidebar .pf-v5-c-nav__link { border-radius: var(--dv-radius-control); }

/* buttons: always fill or border, clearly clickable */
.pf-v5-c-button.pf-m-primary, .pf-v5-c-button.pf-m-secondary, .pf-v5-c-button.pf-m-tertiary, .pf-v5-c-button.pf-m-danger { font-weight: 600; }
.pf-v5-c-button.pf-m-secondary::after, .pf-v5-c-button.pf-m-tertiary::after { border-radius: var(--dv-radius-control) !important; }
.pf-v5-c-button.pf-m-link:not(.pf-m-inline):not(.pf-m-plain) { color: var(--dv-text); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--dv-accent); }
.pf-v5-c-button.pf-m-link:not(.pf-m-inline):not(.pf-m-plain):hover { color: var(--dv-accent-hover); }
.pf-v5-c-button:focus-visible { outline: 2px solid var(--dv-accent); outline-offset: 2px; }

.pf-v5-c-card { border-radius: calc(var(--dv-radius) * .6); border: 1px solid var(--dv-border); }
:root:not(.pf-v5-theme-dark) .pf-v5-c-card { box-shadow: var(--dv-shadow); }
.pf-v5-c-masthead .pf-v5-c-toolbar { background-color: transparent !important; --pf-v5-c-toolbar--BackgroundColor: transparent; }
.pf-v5-c-masthead .pf-v5-c-menu-toggle:not(.pf-m-plain) { border: 1px solid var(--dv-border); border-radius: var(--dv-radius-control); color: var(--dv-aside-text); --pf-v5-c-menu-toggle--before--BorderColor: transparent; }
.pf-v5-c-masthead .pf-v5-c-button.pf-m-plain, .pf-v5-c-masthead .pf-v5-c-menu-toggle.pf-m-plain { color: var(--dv-aside-text); }
.pf-v5-c-masthead__brand img { height: 32px; max-width: 160px; }