:root {
  /* custom theme vars */
  --custom-theme-logo-url: url(../img/zebralution-logo.svg);
  --custom-theme-logo-box-height: 80px;
  --custom-theme-logo-bg-size: 100% auto;

/* prepare gradients for dec design
	--custom-theme-primary-color-1: #7DB9A5;
	--custom-theme-primary-color-2: #A03291;
	--custom-theme-primary-color-3: #5055A0;
	--custom-theme-gradient-horizonal: linear-gradient(
			90deg,
			var(--custom-theme-primary-color-1),
			var(--custom-theme-primary-color-2),
			var(--custom-theme-primary-color-3));
	--custom-theme-gradient-diagonal: linear-gradient(
			25deg,
			var(--custom-theme-primary-color-1),
			var(--custom-theme-primary-color-2),
			var(--custom-theme-primary-color-3));
*/
  --custom-theme-bg-color: #ffffff;
  --custom-theme-box-bg-color: transparent;
  --custom-theme-body-color: #000000;
  --custom-theme-border-color: #999999;
  --custom-theme-box-border-radius: 15px;
  --custom-theme-border-radius: 7px;
  --custom-theme-primary-color: #000000;
  --custom-theme-primary-fg-color: #ffffff;
  --custom-theme-danger-color: #cc0000;
  --custom-theme-font-family: 'Work Sans', sans-serif;
  --custom-theme-link-color: #000000;
  --custom-theme-link-hover-color: #222222;
  
  /* patternfly global vars */
  --pf-global--primary-color--100: var(--custom-theme-primary-color);
  --pf-global--primary-color--200: var(--custom-theme-primary-color);
  --pf-v5-global--link--Color: var(--custom-theme-link-color);
  --pf-v5-global--link--Color--hover: var(--custom-theme-link-hover-color);
  --pf-v5-global--danger-color--100: var(--custom-theme-danger-color);
  --pf-v5-global--danger-color--200: var(--custom-theme-danger-color);

  --pf-v5-global--FontFamily--text: var(--custom-theme-font-family);
  --pf-v5-global--FontFamily--heading: var(--custom-theme-font-family);
  
  /* keycloak.v2 vars */
  --keycloak-card-top-color: transparent;
}

@media (prefers-color-scheme: dark)
{
  :root {
    --custom-theme-logo-url: url(../img/zebralution-logo-darkmode.svg);
    --custom-theme-bg-color: #000000;
    --custom-theme-body-color: #ffffff;
    --custom-theme-primary-color: #ffffff;
    --custom-theme-primary-fg-color: #000000;
    --custom-theme-link-color: #ffffff;
    --custom-theme-link-hover-color: #eeeeee;
  }
}