@import "~@patternfly/patternfly/patternfly.css";

:root {
  --color-black: rgb(7, 7, 7);
  --color-gray-dark: rgb(29, 29, 27);
  --color-gray-medium-dark: rgb(135, 135, 135);
  --color-gray-medium: rgb(204, 204, 204);
  --color-gray-light: rgb(229, 229, 229);
  --color-white: rgb(250, 250, 250);

  --color-blue: #136bca;
  --color-blue-dark: #02509e;
  --color-red: #d10000;
  --color-red-dark: #a20f07;
  --color-purple: #7b249e;
  --color-purple-dark: #652581;

  --color-bg: var(--color-white);
  --color-contrast: var(--color-black);

  --pf-v5-c-login__main--BoxShadow: none;

  --pf-v5-global--FontFamily--text: system-ui, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --pf-v5-c-content--heading--FontFamily: var(--pf-v5-global--FontFamily--text);
  --pf-v5-global--FontFamily--heading: var(--pf-v5-global--FontFamily--text);

  --pf-v5-global--FontSize--4xl: 1.75rem;
  --pf-v5-global--FontSize--3xl: 1.5rem;
  --pf-v5-global--FontSize--2xl: 1.3rem;
  --pf-v5-global--FontSize--xl: 1.2rem;
  --pf-v5-global--FontSize--lg: 1.1rem;
  --pf-v5-global--FontSize--md: 1rem;
  --pf-v5-global--FontSize--sm: 0.875rem;
  --pf-v5-global--FontSize--xs: 0.75rem;

  --pf-v5-global--danger-color--100: var(--color-red);
  --pf-v5-global--success-color--100: #3e8635;
  --pf-v5-global--active-color--100: var(--color-blue);
  --pf-v5-global--primary-color--100: var(--color-blue);

  --pf-v5-global--link--Color: var(--color-blue);
  --pf-v5-global--link--Color--hover: var(--color-blue-dark);

  --pf-v5-global--BackgroundColor--light-100: var(--color-bg);
  --pf-v5-global--BackgroundColor--dark-300: var(--color-contrast);
  --pf-v5-global--BackgroundColor--dark-100: var(--color-contrast);
  /* 
  --pf-v5-global--Color--100: var(--color-contrast);
  --pf-v5-global--Color--light-100: var(--color-bg);
  --pf-v5-global--Color--dark-100: var(--color-contrast); */

  --pf-v5-global--Color--100: var(--color-black);
  --pf-v5-global--Color--200: var(--color-gray-medium-dark);
  --pf-v5-global--Color--300: var(--color-gray-dark);
  --pf-v5-global--Color--400: var(--color-gray-medium);
  --pf-v5-global--Color--light-100: var(--color-white);
  --pf-v5-global--Color--light-200: var(--color-gray-light);
  --pf-v5-global--Color--light-300: var(--color-gray-medium);
  --pf-v5-global--Color--dark-100: var(--color-black);
  --pf-v5-global--Color--dark-200: var(--color-gray-medium-dark);

  --pf-v5-c-page__main-breadcrumb--BackgroundColor: var(--color-bg);
  --pf-v5-c-page__sidebar--BackgroundColor: var(--color-bg);
  --pf-v5-c-tabs__scroll-button--BackgroundColor: var(--color-bg);
  --pf-v5-c-page--BackgroundColor: var(--color-bg);

  /* --pf-v5-c-page__sidebar--BackgroundColor: var(
    --pf-v5-global--BackgroundColor--dark-300
  ); */
  --pf-v5-c-page__sidebar--m-light--BackgroundColor: var(
    --pf-v5-global--BackgroundColor--light-100
  );

  --pf-v5-c-page__sidebar--m-light--BorderRightColor: var(
    --pf-v5-global--BorderColor--100
  );

  --pf-v5-c-page__main-section--BackgroundColor: var(--color-bg);
  --pf-v5-c-page__header-tools--c-button--m-selected--before--BackgroundColor: var(
    --color-bg
  );
}
.pf-v5-theme-dark {
  --color-bg: var(--color-black);
  --color-contrast: var(--color-gray-light);

  /* --pf-v5-c-page__main-section--BackgroundColor: var(--color-bg);
  --pf-v5-c-page__header-tools--c-button--m-selected--before--BackgroundColor: var(
    --color-bg
  ); */
}
.pf-v5-c-drawer {
  --pf-v5-c-drawer__content--BackgroundColor: var(--color-bg);
}
.pf-v5-c-drawer__panel {
  --pf-v5-c-drawer__panel--BackgroundColor: var(--color-bg);
}
.pf-v5-c-content {
  --pf-v5-global--Color--100: var(--color-contrast);
}
.pf-v5-c-toolbar {
  --pf-v5-c-toolbar--BackgroundColor: var(--color-bg);
}
.pf-v5-c-pagination {
  --pf-v5-c-pagination--m-bottom--BackgroundColor: var(--color-bg);
}
.pf-v5-c-text-input-group {
  --pf-v5-c-text-input-group__text--before--BorderColor: var(
    --pf-v5-global--Color--200
  );
}
.pf-v5-c-button {
  --pf-v5-c-button--m-control--after--BorderTopColor: var(
    --pf-v5-global--Color--200
  );
  --pf-v5-c-button--m-control--after--BorderRightColor: var(
    --pf-v5-global--Color--200
  );
  --pf-v5-c-button--m-control--after--BorderLeftColor: transparent;
}
.pf-v5-c-form-control {
  --pf-v5-c-form-control--before--BorderTopColor: var(
    --pf-v5-global--Color--200
  );
  --pf-v5-c-form-control--before--BorderLeftColor: var(
    --pf-v5-global--Color--200
  );
  --pf-v5-c-form-control--before--BorderRightColor: var(
    --pf-v5-global--Color--200
  );
  --pf-v5-c-form-control--Color: var(--color-contrast);
  --pf-v5-c-form-control--OutlineOffset: 5px;
}
.pf-v5-c-menu-toggle {
  --pf-v5-c-menu-toggle--before--BorderTopColor: var(
    --pf-v5-global--Color--200
  );
  --pf-v5-c-menu-toggle--before--BorderLeftColor: var(
    --pf-v5-global--Color--200
  );
  --pf-v5-c-menu-toggle--before--BorderRightColor: var(
    --pf-v5-global--Color--200
  );
  --pf-v5-c-menu-toggle--Color: var(--color-contrast);
}
.pf-v5-c-nav {
  --pf-v5-c-nav__section-title--Color: var(--color-contrast);
  --pf-v5-c-nav__link--Color: var(--color-contrast);
}
.pf-v5-c-tabs {
  --pf-v5-c-tabs__item--m-current__link--Color: var(
    --color-contrast
  ) !important;
}
.pf-v5-c-card {
  --pf-v5-c-card--BackgroundColor: var(--color-bg) !important;
}
.pf-v5-c-switch {
  --pf-v5-c-switch__input--checked__label--Color: var(--color-contrast);
}
.pf-v5-c-check {
  --pf-v5-c-check__label--Color: var(--color-contrast);
}
.pf-v5-c-radio {
  --pf-v5-c-radio__label--Color: var(--color-contrast);
}
.pf-v5-c-masthead__content {
  --color-contrast: var(--color-bg);
}