/**
 * Do not edit directly, this file was auto-generated.
 * 
 * @license Copyright (c) 2022 Red Hat UX MIT License
 */


:root {
  --rh-color-accent-base:
    light-dark(
      var(--rh-color-accent-base-on-light, #0066cc),
      var(--rh-color-accent-base-on-dark, #92c5f9)
    );
  --rh-color-accent-brand:
    light-dark(
      var(--rh-color-accent-brand-on-light, #ee0000),
      var(--rh-color-accent-brand-on-dark, #ee0000)
    );
  --rh-color-border-strong:
    light-dark(
      var(--rh-color-border-strong-on-light, #151515),
      var(--rh-color-border-strong-on-dark, #ffffff)
    );
  --rh-color-border-subtle:
    light-dark(
      var(--rh-color-border-subtle-on-light, #c7c7c7),
      var(--rh-color-border-subtle-on-dark, #707070)
    );
  --rh-color-border-interactive:
    light-dark(
      var(--rh-color-border-interactive-on-light, #0066cc),
      var(--rh-color-border-interactive-on-dark, #92c5f9)
    );
  --rh-color-border-destructive:
    light-dark(
      var(--rh-color-border-destructive-on-light, #b1380b),
      var(--rh-color-border-destructive-on-dark, #f0561d)
    );
  --rh-color-border-status-danger:
    light-dark(
      var(--rh-color-border-status-danger-on-light, #b1380b),
      var(--rh-color-border-status-danger-on-dark, #f0561d)
    );
  --rh-color-border-status-caution:
    light-dark(
      var(--rh-color-border-status-caution-on-light, #ca6c0f),
      var(--rh-color-border-status-caution-on-dark, #f5921b)
    );
  --rh-color-border-status-warning:
    light-dark(
      var(--rh-color-border-status-warning-on-light, #dca614),
      var(--rh-color-border-status-warning-on-dark, #ffcc17)
    );
  --rh-color-border-status-neutral:
    light-dark(
      var(--rh-color-border-status-neutral-on-light, #4d4d4d),
      var(--rh-color-border-status-neutral-on-dark, #c7c7c7)
    );
  --rh-color-border-status-info:
    light-dark(
      var(--rh-color-border-status-info-on-light, #5e40be),
      var(--rh-color-border-status-info-on-dark, #b6a6e9)
    );
  --rh-color-border-status-success:
    light-dark(
      var(--rh-color-border-status-success-on-light, #3d7317),
      var(--rh-color-border-status-success-on-dark, #87bb62)
    );
  --rh-color-brand-red:
    light-dark(
      var(--rh-color-brand-red-on-light, #ee0000),
      var(--rh-color-brand-red-on-dark, #ee0000)
    );
  --rh-color-icon-primary:
    light-dark(
      var(--rh-color-icon-primary-on-light, #ee0000),
      var(--rh-color-icon-primary-on-dark, #ee0000)
    );
  --rh-color-icon-secondary:
    light-dark(
      var(--rh-color-icon-secondary-on-light, #151515),
      var(--rh-color-icon-secondary-on-dark, #ffffff)
    );
  --rh-color-icon-status-danger:
    light-dark(
      var(--rh-color-icon-status-danger-on-light, #b1380b),
      var(--rh-color-icon-status-danger-on-dark, #f0561d)
    );
  --rh-color-icon-status-caution:
    light-dark(
      var(--rh-color-icon-status-caution-on-light, #ca6c0f),
      var(--rh-color-icon-status-caution-on-dark, #f5921b)
    );
  --rh-color-icon-status-warning:
    light-dark(
      var(--rh-color-icon-status-warning-on-light, #dca614),
      var(--rh-color-icon-status-warning-on-dark, #ffcc17)
    );
  --rh-color-icon-status-default:
    light-dark(
      var(--rh-color-icon-status-default-on-light, #4d4d4d),
      var(--rh-color-icon-status-default-on-dark, #4d4d4d)
    );
  --rh-color-icon-status-neutral:
    light-dark(
      var(--rh-color-icon-status-neutral-on-light, #4d4d4d),
      var(--rh-color-icon-status-neutral-on-dark, #c7c7c7)
    );
  --rh-color-icon-status-info:
    light-dark(
      var(--rh-color-icon-status-info-on-light, #5e40be),
      var(--rh-color-icon-status-info-on-dark, #b6a6e9)
    );
  --rh-color-icon-status-success:
    light-dark(
      var(--rh-color-icon-status-success-on-light, #3d7317),
      var(--rh-color-icon-status-success-on-dark, #87bb62)
    );
  --rh-color-interactive-primary-default:
    light-dark(
      var(--rh-color-interactive-primary-default-on-light, #0066cc),
      var(--rh-color-interactive-primary-default-on-dark, #92c5f9)
    );
  --rh-color-interactive-primary-hover:
    light-dark(
      var(--rh-color-interactive-primary-hover-on-light, #003366),
      var(--rh-color-interactive-primary-hover-on-dark, #b9dafc)
    );
  --rh-color-interactive-primary-active:
    light-dark(
      var(--rh-color-interactive-primary-active-on-light, #003366),
      var(--rh-color-interactive-primary-active-on-dark, #b9dafc)
    );
  --rh-color-interactive-primary-focus:
    light-dark(
      var(--rh-color-interactive-primary-focus-on-light, #003366),
      var(--rh-color-interactive-primary-focus-on-dark, #b9dafc)
    );
  --rh-color-interactive-primary-visited-default:
    light-dark(
      var(--rh-color-interactive-primary-visited-default-on-light, #5e40be),
      var(--rh-color-interactive-primary-visited-default-on-dark, #b6a6e9)
    );
  --rh-color-interactive-primary-visited-hover:
    light-dark(
      var(--rh-color-interactive-primary-visited-hover-on-light, #21134d),
      var(--rh-color-interactive-primary-visited-hover-on-dark, #ece6ff)
    );
  --rh-color-interactive-primary-visited-active:
    light-dark(
      var(--rh-color-interactive-primary-visited-active-on-light, #21134d),
      var(--rh-color-interactive-primary-visited-active-on-dark, #ece6ff)
    );
  --rh-color-interactive-primary-visited-focus:
    light-dark(
      var(--rh-color-interactive-primary-visited-focus-on-light, #21134d),
      var(--rh-color-interactive-primary-visited-focus-on-dark, #ece6ff)
    );
  --rh-color-interactive-secondary-default:
    light-dark(
      var(--rh-color-interactive-secondary-default-on-light, #4d4d4d),
      var(--rh-color-interactive-secondary-default-on-dark, #c7c7c7)
    );
  --rh-color-interactive-secondary-hover:
    light-dark(
      var(--rh-color-interactive-secondary-hover-on-light, #4d4d4d),
      var(--rh-color-interactive-secondary-hover-on-dark, #c7c7c7)
    );
  --rh-color-interactive-secondary-active:
    light-dark(
      var(--rh-color-interactive-secondary-active-on-light, #4d4d4d),
      var(--rh-color-interactive-secondary-active-on-dark, #c7c7c7)
    );
  --rh-color-interactive-secondary-focus:
    light-dark(
      var(--rh-color-interactive-secondary-focus-on-light, #4d4d4d),
      var(--rh-color-interactive-secondary-focus-on-dark, #c7c7c7)
    );
  --rh-color-interactive-secondary-visited-default:
    light-dark(
      var(--rh-color-interactive-secondary-visited-default-on-light, #4d4d4d),
      var(--rh-color-interactive-secondary-visited-default-on-dark, #c7c7c7)
    );
  --rh-color-interactive-secondary-visited-hover:
    light-dark(
      var(--rh-color-interactive-secondary-visited-hover-on-light, #4d4d4d),
      var(--rh-color-interactive-secondary-visited-hover-on-dark, #c7c7c7)
    );
  --rh-color-interactive-secondary-visited-active:
    light-dark(
      var(--rh-color-interactive-secondary-visited-active-on-light, #4d4d4d),
      var(--rh-color-interactive-secondary-visited-active-on-dark, #c7c7c7)
    );
  --rh-color-interactive-secondary-visited-focus:
    light-dark(
      var(--rh-color-interactive-secondary-visited-focus-on-light, #4d4d4d),
      var(--rh-color-interactive-secondary-visited-focus-on-dark, #c7c7c7)
    );
  --rh-color-status-danger:
    light-dark(
      var(--rh-color-status-danger-on-light, #b1380b),
      var(--rh-color-status-danger-on-dark, #f0561d)
    );
  --rh-color-status-caution:
    light-dark(
      var(--rh-color-status-caution-on-light, #ca6c0f),
      var(--rh-color-status-caution-on-dark, #f5921b)
    );
  --rh-color-status-warning:
    light-dark(
      var(--rh-color-status-warning-on-light, #dca614),
      var(--rh-color-status-warning-on-dark, #ffcc17)
    );
  --rh-color-status-neutral:
    light-dark(
      var(--rh-color-status-neutral-on-light, #4d4d4d),
      var(--rh-color-status-neutral-on-dark, #c7c7c7)
    );
  --rh-color-status-note:
    light-dark(
      var(--rh-color-status-note-on-light, #5e40be),
      var(--rh-color-status-note-on-dark, #b6a6e9)
    );
  --rh-color-status-info:
    light-dark(
      var(--rh-color-status-info-on-light, #5e40be),
      var(--rh-color-status-info-on-dark, #b6a6e9)
    );
  --rh-color-status-success:
    light-dark(
      var(--rh-color-status-success-on-light, #3d7317),
      var(--rh-color-status-success-on-dark, #87bb62)
    );
  --rh-color-surface:
    light-dark(
      var(--rh-color-surface-lightest, #ffffff),
      var(--rh-color-surface-darkest, #151515)
    );
  --rh-color-surface-status-danger:
    light-dark(
      var(--rh-color-surface-status-danger-on-light, #ffe3d9),
      var(--rh-color-surface-status-danger-on-dark, #ffe3d9)
    );
  --rh-color-surface-status-caution:
    light-dark(
      var(--rh-color-surface-status-caution-on-light, #ffe8cc),
      var(--rh-color-surface-status-caution-on-dark, #ffe8cc)
    );
  --rh-color-surface-status-warning:
    light-dark(
      var(--rh-color-surface-status-warning-on-light, #fff4cc),
      var(--rh-color-surface-status-warning-on-dark, #73480b)
    );
  --rh-color-surface-status-default:
    light-dark(
      var(--rh-color-surface-status-default-on-light, #f2f2f2),
      var(--rh-color-surface-status-default-on-dark, #f2f2f2)
    );
  --rh-color-surface-status-neutral:
    light-dark(
      var(--rh-color-surface-status-neutral-on-light, #f2f2f2),
      var(--rh-color-surface-status-neutral-on-dark, #f2f2f2)
    );
  --rh-color-surface-status-info:
    light-dark(
      var(--rh-color-surface-status-info-on-light, #ece6ff),
      var(--rh-color-surface-status-info-on-dark, #ece6ff)
    );
  --rh-color-surface-status-success:
    light-dark(
      var(--rh-color-surface-status-success-on-light, #e9f7df),
      var(--rh-color-surface-status-success-on-dark, #e9f7df)
    );
  --rh-color-text-primary:
    light-dark(
      var(--rh-color-text-primary-on-light, #151515),
      var(--rh-color-text-primary-on-dark, #ffffff)
    );
  --rh-color-text-secondary:
    light-dark(
      var(--rh-color-text-secondary-on-light, #4d4d4d),
      var(--rh-color-text-secondary-on-dark, #c7c7c7)
    );
  --rh-color-text-brand:
    light-dark(
      var(--rh-color-text-brand-on-light, #ee0000),
      var(--rh-color-text-brand-on-dark, #ee0000)
    );
}