:root {
  --pk-color-canvas: #ffffff;
  --pk-color-surface: #ffffff;
  --pk-color-text: #111827;
  --pk-color-text-muted: rgba(17, 24, 39, 0.72);
  --pk-color-outline: rgba(17, 24, 39, 0.18);
  --pk-color-accent: #958dff;
  --pk-color-accent-hover: #746bea;
  --pk-color-accent-active: #655bd8;
  --pk-color-accent-ring: rgba(149, 141, 255, 0.35);
  --pk-color-on-accent: #ffffff;
  --pk-color-link: var(--pk-color-text);
  --pk-color-link-hover: var(--pk-color-text);
  --pk-color-chrome: #111827;
  --pk-color-sidebar: #111827;
  --pk-color-on-chrome: #ffffff;
  --pk-color-login-strip: var(--pk-color-accent);
  --keycloak-logo-url: url("../img/prokube-logo-black.svg");
  --keycloak-bg-logo-url: url("../img/bg-prokube-light-mode-cubes.svg");
}

.pf-v5-theme-dark {
  --pk-color-canvas: #111827;
  --pk-color-surface: #1a2433;
  --pk-color-text: #ffffff;
  --pk-color-text-muted: rgba(255, 255, 255, 0.72);
  --pk-color-outline: #333a48;
  --pk-color-link: var(--pk-color-accent);
  --pk-color-link-hover: #ffffff;
  --pk-color-chrome: #111827;
  --pk-color-sidebar: #111827;
  --keycloak-logo-url: url("../img/prokube-logo-white.svg");
  --keycloak-bg-logo-url: url("../img/bg-prokube-dark-mode-cubes.svg");
}