:root {
  // Colors
  // Global palette
  --pf-global--palette--black-100: #{$pf-color-black-100};
  --pf-global--palette--black-150: #{$pf-color-black-150};
  --pf-global--palette--black-200: #{$pf-color-black-200};
  --pf-global--palette--black-300: #{$pf-color-black-300};
  --pf-global--palette--black-400: #{$pf-color-black-400};
  --pf-global--palette--black-500: #{$pf-color-black-500};
  --pf-global--palette--black-600: #{$pf-color-black-600};
  --pf-global--palette--black-700: #{$pf-color-black-700};
  --pf-global--palette--black-800: #{$pf-color-black-800};
  --pf-global--palette--black-850: #{$pf-color-black-850};
  --pf-global--palette--black-900: #{$pf-color-black-900};
  --pf-global--palette--black-1000: #{$pf-color-black-1000};
  --pf-global--palette--blue-50: #{$pf-color-blue-50};
  --pf-global--palette--blue-100: #{$pf-color-blue-100};
  --pf-global--palette--blue-200: #{$pf-color-blue-200};
  --pf-global--palette--blue-300: #{$pf-color-blue-300};
  --pf-global--palette--blue-400: #{$pf-color-blue-400};
  --pf-global--palette--blue-500: #{$pf-color-blue-500};
  --pf-global--palette--blue-600: #{$pf-color-blue-600};
  --pf-global--palette--blue-700: #{$pf-color-blue-700};
  --pf-global--palette--cyan-50: #{$pf-color-cyan-50};
  --pf-global--palette--cyan-100: #{$pf-color-cyan-100};
  --pf-global--palette--cyan-200: #{$pf-color-cyan-200};
  --pf-global--palette--cyan-300: #{$pf-color-cyan-300};
  --pf-global--palette--cyan-400: #{$pf-color-cyan-400};
  --pf-global--palette--cyan-500: #{$pf-color-cyan-500};
  --pf-global--palette--cyan-600: #{$pf-color-cyan-600};
  --pf-global--palette--cyan-700: #{$pf-color-cyan-700};
  --pf-global--palette--gold-50: #{$pf-color-gold-50};
  --pf-global--palette--gold-100: #{$pf-color-gold-100};
  --pf-global--palette--gold-200: #{$pf-color-gold-200};
  --pf-global--palette--gold-300: #{$pf-color-gold-300};
  --pf-global--palette--gold-400: #{$pf-color-gold-400};
  --pf-global--palette--gold-500: #{$pf-color-gold-500};
  --pf-global--palette--gold-600: #{$pf-color-gold-600};
  --pf-global--palette--gold-700: #{$pf-color-gold-700};
  --pf-global--palette--green-50: #{$pf-color-green-50};
  --pf-global--palette--green-100: #{$pf-color-green-100};
  --pf-global--palette--green-200: #{$pf-color-green-200};
  --pf-global--palette--green-300: #{$pf-color-green-300};
  --pf-global--palette--green-400: #{$pf-color-green-400};
  --pf-global--palette--green-500: #{$pf-color-green-500};
  --pf-global--palette--green-600: #{$pf-color-green-600};
  --pf-global--palette--green-700: #{$pf-color-green-700};
  --pf-global--palette--light-blue-100: #{$pf-color-light-blue-100};
  --pf-global--palette--light-blue-200: #{$pf-color-light-blue-200};
  --pf-global--palette--light-blue-300: #{$pf-color-light-blue-300};
  --pf-global--palette--light-blue-400: #{$pf-color-light-blue-400};
  --pf-global--palette--light-blue-500: #{$pf-color-light-blue-500};
  --pf-global--palette--light-blue-600: #{$pf-color-light-blue-600};
  --pf-global--palette--light-blue-700: #{$pf-color-light-blue-700};
  --pf-global--palette--light-green-100: #{$pf-color-light-green-100};
  --pf-global--palette--light-green-200: #{$pf-color-light-green-200};
  --pf-global--palette--light-green-300: #{$pf-color-light-green-300};
  --pf-global--palette--light-green-400: #{$pf-color-light-green-400};
  --pf-global--palette--light-green-500: #{$pf-color-light-green-500};
  --pf-global--palette--light-green-600: #{$pf-color-light-green-600};
  --pf-global--palette--light-green-700: #{$pf-color-light-green-700};
  --pf-global--palette--orange-50: #{$pf-color-orange-50};
  --pf-global--palette--orange-100: #{$pf-color-orange-100};
  --pf-global--palette--orange-200: #{$pf-color-orange-200};
  --pf-global--palette--orange-300: #{$pf-color-orange-300};
  --pf-global--palette--orange-400: #{$pf-color-orange-400};
  --pf-global--palette--orange-500: #{$pf-color-orange-500};
  --pf-global--palette--orange-600: #{$pf-color-orange-600};
  --pf-global--palette--orange-700: #{$pf-color-orange-700};
  --pf-global--palette--purple-50: #{$pf-color-purple-50};
  --pf-global--palette--purple-100: #{$pf-color-purple-100};
  --pf-global--palette--purple-200: #{$pf-color-purple-200};
  --pf-global--palette--purple-300: #{$pf-color-purple-300};
  --pf-global--palette--purple-400: #{$pf-color-purple-400};
  --pf-global--palette--purple-500: #{$pf-color-purple-500};
  --pf-global--palette--purple-600: #{$pf-color-purple-600};
  --pf-global--palette--purple-700: #{$pf-color-purple-700};
  --pf-global--palette--red-50: #{$pf-color-red-50};
  --pf-global--palette--red-100: #{$pf-color-red-100};
  --pf-global--palette--red-200: #{$pf-color-red-200};
  --pf-global--palette--red-300: #{$pf-color-red-300};
  --pf-global--palette--red-400: #{$pf-color-red-400};
  --pf-global--palette--red-500: #{$pf-color-red-500};
  --pf-global--palette--white: #{$pf-color-white};

  // Background color
  --pf-global--BackgroundColor--100: #{$pf-global--BackgroundColor--100};
  --pf-global--BackgroundColor--150: #{$pf-global--BackgroundColor--150};
  --pf-global--BackgroundColor--200: #{$pf-global--BackgroundColor--200};
  --pf-global--BackgroundColor--light-100: #{$pf-global--BackgroundColor--light-100};
  --pf-global--BackgroundColor--light-200: #{$pf-global--BackgroundColor--light-200};
  --pf-global--BackgroundColor--light-300: #{$pf-global--BackgroundColor--light-300};
  --pf-global--BackgroundColor--dark-100: #{$pf-global--BackgroundColor--dark-100};
  --pf-global--BackgroundColor--dark-200: #{$pf-global--BackgroundColor--dark-200};
  --pf-global--BackgroundColor--dark-300: #{$pf-global--BackgroundColor--dark-300};
  --pf-global--BackgroundColor--dark-400: #{$pf-global--BackgroundColor--dark-400};
  --pf-global--BackgroundColor--dark-transparent-100: #{$pf-global--BackgroundColor--dark-transparent-100};
  --pf-global--BackgroundColor--dark-transparent-200: #{$pf-global--BackgroundColor--dark-transparent-200};

  // Text color
  --pf-global--Color--100: #{$pf-global--Color--100};
  --pf-global--Color--200: #{$pf-global--Color--200};
  --pf-global--Color--300: #{$pf-global--Color--300};
  --pf-global--Color--400: #{$pf-global--Color--400};
  --pf-global--Color--light-100: #{$pf-global--Color--light-100};
  --pf-global--Color--light-200: #{$pf-global--Color--light-200};
  --pf-global--Color--light-300: #{$pf-global--Color--light-300};
  --pf-global--Color--dark-100: #{$pf-global--Color--dark-100};
  --pf-global--Color--dark-200: #{$pf-global--Color--dark-200};

  // States color
  --pf-global--active-color--100: #{$pf-global--active-color--100};
  --pf-global--active-color--200: #{$pf-global--active-color--200};
  --pf-global--active-color--300: #{$pf-global--active-color--300};
  --pf-global--active-color--400: #{$pf-global--active-color--400};
  --pf-global--disabled-color--100: #{$pf-global--disabled-color--100};
  --pf-global--disabled-color--200: #{$pf-global--disabled-color--200};
  --pf-global--disabled-color--300: #{$pf-global--disabled-color--300};

  // Theme color
  --pf-global--primary-color--100: #{$pf-global--primary-color--100};
  --pf-global--primary-color--200: #{$pf-global--primary-color--200};
  --pf-global--primary-color--light-100: #{$pf-global--primary-color--light-100};
  --pf-global--primary-color--dark-100: #{$pf-global--primary-color--dark-100};
  --pf-global--secondary-color--100: #{$pf-global--secondary-color--100};
  --pf-global--default-color--100: #{$pf-global--default-color--100};
  --pf-global--default-color--200: #{$pf-global--default-color--200};
  --pf-global--default-color--300: #{$pf-global--default-color--300};
  --pf-global--success-color--100: #{$pf-global--success-color--100};
  --pf-global--success-color--200: #{$pf-global--success-color--200};
  --pf-global--info-color--100: #{$pf-global--info-color--100};
  --pf-global--info-color--200: #{$pf-global--info-color--200};
  --pf-global--warning-color--100: #{$pf-global--warning-color--100};
  --pf-global--warning-color--200: #{$pf-global--warning-color--200};
  --pf-global--danger-color--100: #{$pf-global--danger-color--100};
  --pf-global--danger-color--200: #{$pf-global--danger-color--200};
  --pf-global--danger-color--300: #{$pf-global--danger-color--300};

  // Shadows
  --pf-global--BoxShadow--sm: #{$pf-global--BoxShadow--sm};
  --pf-global--BoxShadow--sm-top: #{$pf-global--BoxShadow--sm-top};
  --pf-global--BoxShadow--sm-right: #{$pf-global--BoxShadow--sm-right};
  --pf-global--BoxShadow--sm-bottom: #{$pf-global--BoxShadow--sm-bottom};
  --pf-global--BoxShadow--sm-left: #{$pf-global--BoxShadow--sm-left};
  --pf-global--BoxShadow--md: #{$pf-global--BoxShadow--md};
  --pf-global--BoxShadow--md-top: #{$pf-global--BoxShadow--md-top};
  --pf-global--BoxShadow--md-right: #{$pf-global--BoxShadow--md-right};
  --pf-global--BoxShadow--md-bottom: #{$pf-global--BoxShadow--md-bottom};
  --pf-global--BoxShadow--md-left: #{$pf-global--BoxShadow--md-left};
  --pf-global--BoxShadow--lg: #{$pf-global--BoxShadow--lg};
  --pf-global--BoxShadow--lg-top: #{$pf-global--BoxShadow--lg-top};
  --pf-global--BoxShadow--lg-right: #{$pf-global--BoxShadow--lg-right};
  --pf-global--BoxShadow--lg-bottom: #{$pf-global--BoxShadow--lg-bottom};
  --pf-global--BoxShadow--lg-left: #{$pf-global--BoxShadow--lg-left};
  --pf-global--BoxShadow--xl: #{$pf-global--BoxShadow--xl};
  --pf-global--BoxShadow--xl-top: #{$pf-global--BoxShadow--xl-top};
  --pf-global--BoxShadow--xl-right: #{$pf-global--BoxShadow--xl-right};
  --pf-global--BoxShadow--xl-bottom: #{$pf-global--BoxShadow--xl-bottom};
  --pf-global--BoxShadow--xl-left: #{$pf-global--BoxShadow--xl-left};
  --pf-global--BoxShadow--inset: #{$pf-global--BoxShadow--inset};

  // Fontpath
  --pf-global--font-path: "#{$pf-global--font-path}";

  // FontIconPath
  --pf-global--fonticon-path: "#{$pf-global--fonticon-path}";

  // Spacers
  --pf-global--spacer--xs: #{$pf-global--spacer--xs};
  --pf-global--spacer--sm: #{$pf-global--spacer--sm};
  --pf-global--spacer--md: #{$pf-global--spacer--md};
  --pf-global--spacer--lg: #{$pf-global--spacer--lg};
  --pf-global--spacer--xl: #{$pf-global--spacer--xl};
  --pf-global--spacer--2xl: #{$pf-global--spacer--2xl};
  --pf-global--spacer--3xl: #{$pf-global--spacer--3xl};
  --pf-global--spacer--4xl: #{$pf-global--spacer--4xl};

  // Form spacer
  --pf-global--spacer--form-element: #{$pf-global--spacer--form-element};

  // Gutter
  --pf-global--gutter: #{$pf-global--gutter};
  --pf-global--gutter--md: #{$pf-global--gutter--md};

  // Z-Index
  --pf-global--ZIndex--xs: #{$pf-global--ZIndex--xs};
  --pf-global--ZIndex--sm: #{$pf-global--ZIndex--sm};
  --pf-global--ZIndex--md: #{$pf-global--ZIndex--md};
  --pf-global--ZIndex--lg: #{$pf-global--ZIndex--lg};
  --pf-global--ZIndex--xl: #{$pf-global--ZIndex--xl};
  --pf-global--ZIndex--2xl: #{$pf-global--ZIndex--2xl};

  // Grid breakpoints
  --pf-global--breakpoint--xs: #{$pf-global--breakpoint--xs};
  --pf-global--breakpoint--sm: #{$pf-global--breakpoint--sm};
  --pf-global--breakpoint--md: #{$pf-global--breakpoint--md};
  --pf-global--breakpoint--lg: #{$pf-global--breakpoint--lg};
  --pf-global--breakpoint--xl: #{$pf-global--breakpoint--xl};
  --pf-global--breakpoint--2xl: #{$pf-global--breakpoint--2xl};

  // Vertical breakpoints
  --pf-global--height-breakpoint--sm: #{$pf-global--height-breakpoint--sm};
  --pf-global--height-breakpoint--md: #{$pf-global--height-breakpoint--md};
  --pf-global--height-breakpoint--lg: #{$pf-global--height-breakpoint--lg};
  --pf-global--height-breakpoint--xl: #{$pf-global--height-breakpoint--xl};
  --pf-global--height-breakpoint--2xl: #{$pf-global--height-breakpoint--2xl};

  // Links
  --pf-global--link--Color: #{$pf-global--link--Color};
  --pf-global--link--Color--hover: #{$pf-global--link--Color--hover};
  --pf-global--link--Color--light: #{$pf-global--link--Color--light};
  --pf-global--link--Color--light--hover: #{$pf-global--link--Color--light--hover};
  --pf-global--link--Color--dark: #{$pf-global--link--Color--dark};
  --pf-global--link--Color--dark--hover: #{$pf-global--link--Color--dark--hover};
  --pf-global--link--Color--visited: #{$pf-global--link--Color--visited};
  --pf-global--link--TextDecoration: #{$pf-global--link--TextDecoration};
  --pf-global--link--TextDecoration--hover: #{$pf-global--link--TextDecoration--hover};

  // Borders
  --pf-global--BorderWidth--sm: #{$pf-global--BorderWidth--sm};
  --pf-global--BorderWidth--md: #{$pf-global--BorderWidth--md};
  --pf-global--BorderWidth--lg: #{$pf-global--BorderWidth--lg};
  --pf-global--BorderWidth--xl: #{$pf-global--BorderWidth--xl};
  --pf-global--BorderColor--100: #{$pf-global--BorderColor--100};
  --pf-global--BorderColor--200: #{$pf-global--BorderColor--200};
  --pf-global--BorderColor--300: #{$pf-global--BorderColor--300};
  --pf-global--BorderColor--dark-100: #{$pf-global--BorderColor--dark-100};
  --pf-global--BorderColor--light-100: #{$pf-global--BorderColor--light-100};
  --pf-global--BorderRadius--sm: #{$pf-global--BorderRadius--sm};
  --pf-global--BorderRadius--lg: #{$pf-global--BorderRadius--lg};

  // Icons
  --pf-global--icon--Color--light: #{$pf-global--icon--Color--light};
  --pf-global--icon--Color--dark: #{$pf-global--icon--Color--dark};
  --pf-global--icon--FontSize--sm: #{$pf-global--icon--FontSize--sm};
  --pf-global--icon--FontSize--md: #{$pf-global--icon--FontSize--md};
  --pf-global--icon--FontSize--lg: #{$pf-global--icon--FontSize--lg};
  --pf-global--icon--FontSize--xl: #{$pf-global--icon--FontSize--xl};

  // Fonts

  // Font family
  --pf-global--FontFamily--sans-serif: #{$pf-global--FontFamily--sans-serif};
  --pf-global--FontFamily--heading--sans-serif: #{$pf-global--FontFamily--heading--sans-serif};
  --pf-global--FontFamily--monospace: #{$pf-global--FontFamily--monospace};
  --pf-global--FontFamily--redhat-updated--sans-serif: #{$pf-global--FontFamily--redhat-updated--sans-serif};
  --pf-global--FontFamily--redhat-updated--heading--sans-serif: #{$pf-global--FontFamily--redhat-updated--heading--sans-serif};
  --pf-global--FontFamily--redhat--monospace: #{$pf-global--FontFamily--redhat--monospace};
  --pf-global--FontFamily--redhatVF--sans-serif: #{$pf-global--FontFamily--redhatVF--sans-serif};
  --pf-global--FontFamily--redhatVF--heading--sans-serif: #{$pf-global--FontFamily--redhatVF--heading--sans-serif};
  --pf-global--FontFamily--redhatVF--monospace: #{$pf-global--FontFamily--redhatVF--monospace};
  --pf-global--FontFamily--overpass--sans-serif: #{$pf-global--FontFamily--overpass--sans-serif};
  --pf-global--FontFamily--overpass--monospace: #{$pf-global--FontFamily--overpass--monospace};

  // Font size
  --pf-global--FontSize--4xl: #{$pf-global--FontSize--4xl};
  --pf-global--FontSize--3xl: #{$pf-global--FontSize--3xl};
  --pf-global--FontSize--2xl: #{$pf-global--FontSize--2xl};
  --pf-global--FontSize--xl: #{$pf-global--FontSize--xl};
  --pf-global--FontSize--lg: #{$pf-global--FontSize--lg};
  --pf-global--FontSize--md: #{$pf-global--FontSize--md};
  --pf-global--FontSize--sm: #{$pf-global--FontSize--sm};
  --pf-global--FontSize--xs: #{$pf-global--FontSize--xs};

  // Font weight
  --pf-global--FontWeight--light: #{$pf-global--FontWeight--light};
  --pf-global--FontWeight--normal: #{$pf-global--FontWeight--normal};
  --pf-global--FontWeight--semi-bold: #{$pf-global--FontWeight--semi-bold};
  --pf-global--FontWeight--overpass--semi-bold: #{$pf-global--FontWeight--overpass--semi-bold};
  --pf-global--FontWeight--bold: #{$pf-global--FontWeight--bold};
  --pf-global--FontWeight--overpass--bold: #{$pf-global--FontWeight--overpass--bold};

  // Line height
  --pf-global--LineHeight--sm: #{$pf-global--LineHeight--sm};
  --pf-global--LineHeight--md: #{$pf-global--LineHeight--md};

  // List
  --pf-global--ListStyle: #{$pf-global--ListStyle};
  --pf-global--Transition: #{$pf-global--Transition};
  --pf-global--TimingFunction: #{$pf-global--TimingFunction};
  --pf-global--TransitionDuration: #{$pf-global--TransitionDuration};

  // Arrow size
  --pf-global--arrow--width: #{$pf-global--arrow--width};
  --pf-global--arrow--width-lg: #{$pf-global--arrow--width-lg};

  // A11y
  --pf-global--target-size--MinWidth: #{$pf-global--target-size--MinWidth};
  --pf-global--target-size--MinHeight: #{$pf-global--target-size--MinHeight};
}

// Overpass font overrides
@include pf-m-overpass-font {
  --pf-global--FontFamily--sans-serif: var(--pf-global--FontFamily--overpass--sans-serif);
  --pf-global--FontFamily--heading--sans-serif: var(--pf-global--FontFamily--sans-serif);
  --pf-global--FontFamily--monospace: var(--pf-global--FontFamily--overpass--monospace);
  --pf-global--FontWeight--semi-bold: var(--pf-global--FontWeight--overpass--semi-bold);
  --pf-global--FontWeight--bold: var(--pf-global--FontWeight--overpass--bold);
}

// RedHatFont updated font overrides
.pf-m-redhat-updated-font {
  --pf-global--FontFamily--sans-serif: var(--pf-global--FontFamily--redhat-updated--sans-serif);
  --pf-global--FontFamily--heading--sans-serif: var(--pf-global--FontFamily--redhat-updated--heading--sans-serif);
}

// RedHatMono font overrides
.pf-m-redhatmono-font {
  --pf-global--FontFamily--monospace: var(--pf-global--FontFamily--redhat--monospace);
}

// RedHat variable font overrides
.pf-m-redhatVF-font {
  --pf-global--FontFamily--sans-serif: var(--pf-global--FontFamily--redhatVF--sans-serif);
  --pf-global--FontFamily--heading--sans-serif: var(--pf-global--FontFamily--redhatVF--heading--sans-serif);
  --pf-global--FontFamily--monospace: var(--pf-global--FontFamily--redhatVF--monospace);
}

// stylelint-disable no-invalid-position-at-import-rule
@import "./themes/dark/variables";

@include pf-theme-dark($pf-theme-dark-prefix: ":root") {
  @include _variables;
}
