/*
 * IASSIS Medical Group brand overlay for the PatternFly v5-based React
 * console (account: keycloak.v3, admin: keycloak.v2 — same PF5 bundle).
 *
 * These are PatternFly v5 *global* CSS custom properties, confirmed against
 * the actual bundle shipped in Keycloak 26.7.0 (assets/main-*.css) rather
 * than guessed from docs. Component styles consume them via var(...), so
 * redeclaring just these few here recolors buttons/links/focus states/
 * active-nav-indicators app-wide without touching component selectors.
 *
 * --100 = base color (links, icons, focus rings)
 * --200 = hover/active/focus shade for primary buttons & menu toggles
 * --300 = primary button/menu-toggle base background
 * --400 = foreground color on top of --300 (left at PatternFly's default
 *         white — contrast against our brand colors is fine, no need to
 *         override)
 *
 * Re-verify these variable names if upgrading Keycloak across a major
 * version — the console is a compiled/hashed Vite bundle, not a stable API.
 */

:root {
  --pf-v5-global--primary-color--100: #003836;
  --pf-v5-global--primary-color--200: #194847;
  --pf-v5-global--primary-color--300: #003836;

  --pf-v5-global--active-color--100: #003836;
  --pf-v5-global--active-color--400: #6dc3c8;

  --pf-v5-global--link--Color: #003836;
  --pf-v5-global--link--Color--hover: #194847;
  --pf-v5-global--link--Color--light: #003836;
  --pf-v5-global--link--Color--light--hover: #194847;
}

/* Dark mode: stock Keycloak brightens --100 for contrast against dark
   backgrounds instead of reusing the light-mode value — mirror that with
   our lighter accent teal instead of the near-black primary. */
:where(.pf-v5-theme-dark) {
  --pf-v5-global--primary-color--100: #6dc3c8;
  --pf-v5-global--primary-color--200: #5ab3b8;
  --pf-v5-global--primary-color--300: #6dc3c8;

  --pf-v5-global--active-color--100: #6dc3c8;

  --pf-v5-global--link--Color--dark: #6dc3c8;
  --pf-v5-global--link--Color--dark--hover: #5ab3b8;
}