/*
 * Neckar IT Keycloak Account Theme (CSS-only override)
 *
 * Extends the keycloak.v3 account console with Neckar IT branding.
 * Colors from: internal/config/typescript/tailwind-config/main.css
 * Fonts: Open Sans (body)
 *
 * Uses PatternFly 5 CSS variables (pf-v5-* prefix) as required by Keycloak 26+.
 * Overrides component-level variables on matching selectors. Our CSS loads after
 * the PF5 bundle, so equal specificity wins by source order.
 */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

/* Global overrides */

:root {
  --pf-v5-global--primary-color--100: #009fe3;
  --pf-v5-global--primary-color--200: #0089c4;
  --pf-v5-global--active-color--100: #009fe3;
  --pf-v5-global--link--Color: #009fe3;
  --pf-v5-global--link--Color--hover: #0089c4;
  --pf-v5-global--palette--black-1000: #ffffff;
  --pf-v5-global--BackgroundColor--dark-100: #ffffff;
  --pf-v5-global--BackgroundColor--dark-200: #f0f0f0;
  --pf-v5-global--BackgroundColor--dark-300: #f8f9fa;
  --pf-v5-global--palette--black-800: hsl(214.3deg 31.8% 91.4%);
  --pf-v5-global--palette--black-600: hsl(214.3deg 31.8% 91.4%);
  --pf-v5-global--Color--light-100: hsl(222.2deg 84% 4.9%);
  --pf-v5-global--Color--light-200: hsl(215.4deg 16.3% 46.9%);
}

body {
  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Masthead — white background, dark text */

.pf-v5-c-masthead {
  --pf-v5-c-masthead--BackgroundColor: #ffffff;
  --pf-v5-c-masthead--item-border-color--base: hsl(214.3deg 31.8% 91.4%);
  color: hsl(222.2deg 84% 4.9%);
}

/* Sidebar — light gray background */

.pf-v5-c-page__sidebar {
  --pf-v5-c-page__sidebar--BackgroundColor: #f8f9fa;
  color: hsl(222.2deg 84% 4.9%);
}

/* Navigation — Neckar IT blue for active state */

.pf-v5-c-nav__link.pf-m-current {
  color: #009fe3;
}

.pf-v5-c-nav__link.pf-m-current::after {
  background-color: #009fe3;
}

/* Buttons */

.pf-v5-c-button.pf-m-primary {
  --pf-v5-c-button--m-primary--BackgroundColor: #009fe3;
  --pf-v5-c-button--m-primary--hover--BackgroundColor: #0089c4;
  --pf-v5-c-button--m-primary--focus--BackgroundColor: #0089c4;
  --pf-v5-c-button--m-primary--active--BackgroundColor: #007aad;
  border-radius: 8px;
}

.pf-v5-c-button.pf-m-link {
  --pf-v5-c-button--m-link--Color: #009fe3;
  --pf-v5-c-button--m-link--hover--Color: #0089c4;
}