/* MVision Theme */
:root {
  --white: #eeeeee;
  --electric-blue: #00a5b9; /* Background or title */
  --dark-gray: #1c262d;     /* Background */
  --orange: #f49800;        /* Subtitle */
  --light-orange: #f4c145;  /* Subtitle */
  --gray: #4a4949;          /* Text */
  --title-gray: #8a8a8a;    /* Title, text */
  --near-black: #1d1d1b;    /* Title, text */
  --dark-blue: #006a6f;     /* Logo */
  --dark-turquoise: #17a2b8; /* Logo */
  --light-turquoise: #02c7d9; /* Logo */
  --primary-black: #2c2c2c; /* Background */
  --secondary-black: #383838; /* Boxes, Buttons */
  --tertiary-black: #444444;  /* Hover */
}

.pf-v5-mvision-theme {
    --pf-v5-global--palette--black-50: var(--near-black); /* Background */
    --pf-v5-global--palette--black-100: var(--dark-turquoise); /* Title, text */
    --pf-v5-global--palette--black-200: #aaabac;
    --pf-v5-global--palette--black-300: #868789;
    --pf-v5-global--palette--black-400: #57585a;
    --pf-v5-global--palette--black-500: var(--tertiary-black); /* Hover */
    --pf-v5-global--palette--black-600: var(--secondary-black); /* Boxes, Buttons */
    --pf-v5-global--palette--black-700: var(--dark-gray); /* Background */
    --pf-v5-global--palette--black-800: var(--near-black); /* Title, text */
    --pf-v5-global--palette--black-900: var(--primary-black); /* Background */
    --pf-v5-global--palette--black-1000: var(--dark-gray); /* Background */
    --pf-v5-global--palette--red-9999: #fe5142;
    --pf-v5-global--palette--red-8888: #ff7468;
    
    --pf-v5-global--palette--blue-300: var(--light-turquoise); /* Logo */
    
    --pf-v5-global--BackgroundColor--100: var(--near-black); /* Background */
    --pf-v5-global--BackgroundColor--150: var(--near-black); /* Title, text */
    --pf-v5-global--BackgroundColor--200: var(--primary-black); /* Background */
    --pf-v5-global--BackgroundColor--300: var(--primary-black); /* Background */
    --pf-v5-global--BackgroundColor--400: var(--secondary-black); /* Boxes, Buttons */
    
    --pf-v5-global--BorderColor--100: #c6c7c8;
    --pf-v5-global--BorderColor--200: var(--dark-turquoise); /* Logo */
    --pf-v5-global--BorderColor--300: #57585a;
    --pf-v5-global--BorderColor--400: #aaabac;
    
    --pf-v5-global--Color--100: #e0e0e0;
    --pf-v5-global--Color--200: #aaabac;
    
    --pf-v5-global--active-color--100: var(--light-turquoise);
    --pf-v5-global--active-color--400: var(--light-turquoise);
    --pf-v5-global--primary-color--100: var(--light-turquoise);
    --pf-v5-global--primary-color--200: var(--light-turquoise);
    --pf-v5-global--primary-color--300: var(--dark-turquoise);
    --pf-v5-global--secondary-color--100: var(--dark-turquoise);
    --pf-v5-global--secondary-color--200: var(--light-turquoise);
    --pf-v5-global--tertiary-color--100: var(--orange); /* Subtitle */
    --pf-v5-global--tertiary-color--200: var(--orange); /* Subtitle */
    
    --pf-v5-c-button--m-primary--BackgroundColor: var(--dark-turquoise);
    
    --pf-v5-global--custom-color--200: #73c5c5;
    --pf-v5-global--success-color--100: #5ba352;
    --pf-v5-global--warning-color--100: #f0ab00;
    --pf-v5-global--warning-color--200: #f4c145;
    
    --pf-v5-global--danger-color--100: var(--orange);
    --pf-v5-global--danger-color--200: var(--light-orange);
    
    --pf-v5-global--link--Color: var(--light-turquoise);
    --pf-v5-global--link--Color--hover: var(--dark-turquoise);
    --pf-v5-global--link--Color--visited: var(--dark-blue);
    
    --pf-v5-global--disabled-color--100: var(--tertiary-black);
    --pf-v5-global--disabled-color--200: var(--secondary-black); /* Hover */
    --pf-v5-global--disabled-color--300: var(--pf-v5-global--Color--200);
    
    --pf-v5-global--icon--Color--light: #aaabac;
    --pf-v5-global--icon--Color--dark: #e0e0e0;

    --pf-v5-global--info-color--100: var(--light-turquoise);
    
    --pf-v5-global--Color--dark-100: #e0e0e0;
    --pf-v5-global--Color--dark-200: #aaabac;
    --pf-v5-global--Color--light-100: #e0e0e0;
    --pf-v5-global--Color--light-200: #aaabac;
    --pf-v5-global--Color--light-300: #3c3f42;
    
    --pf-v5-global--BorderColor--dark-100: var(--gray); /* Hover */
    --pf-v5-global--BorderColor--light-100: var(--tertiary-black); /* Hover */
    
    --pf-v5-global--primary-color--light-100: var(--light-turquoise);
    --pf-v5-global--primary-color--dark-100: var(--light-turquoise);
    
    --pf-v5-global--link--Color--light: var(--light-turquoise);
    --pf-v5-global--link--Color--light--hover: #73bcf7;
    --pf-v5-global--link--Color--dark: var(--light-turquoise);
    --pf-v5-global--link--Color--dark--hover: #73bcf7;
    
    --pf-v5-global--icon--Color--light--light: #aaabac;
    --pf-v5-global--icon--Color--dark--light: #e0e0e0;
    --pf-v5-global--icon--Color--light--dark: #aaabac;
    --pf-v5-global--icon--Color--dark--dark: #e0e0e0;
    
    --pf-v5-global--BackgroundColor--light-100: var(--near-black); /* Title, text */
    --pf-v5-global--BackgroundColor--light-200: var(--primary-black); /* Background */
    --pf-v5-global--BackgroundColor--light-300: var(--dark-gray); /* Background */
    
    --pf-v5-global--BackgroundColor--dark-100: var(--near-black); /* Title, text */
    --pf-v5-global--BackgroundColor--dark-200: var(--near-black); /* Background */
    --pf-v5-global--BackgroundColor--dark-300: var(--dark-gray); /* Background */
    --pf-v5-global--BackgroundColor--dark-400: var(--near-black); /* Boxes, Buttons */
    
    --pf-v5-global--BoxShadow--sm: 0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.48), 0 0 0.125rem 0 rgba(3, 3, 3, 0.24);
    --pf-v5-global--BoxShadow--sm-top: 0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
    --pf-v5-global--BoxShadow--sm-right: 0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
    --pf-v5-global--BoxShadow--sm-bottom: 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
    --pf-v5-global--BoxShadow--sm-left: -0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
    
    --pf-v5-global--BoxShadow--md: 0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.48), 0 0 0.25rem 0 rgba(3, 3, 3, 0.24);
    --pf-v5-global--BoxShadow--md-top: 0 -0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
    --pf-v5-global--BoxShadow--md-right: 0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
    --pf-v5-global--BoxShadow--md-bottom: 0 0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
    --pf-v5-global--BoxShadow--md-left: -0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
    
    --pf-v5-global--BoxShadow--lg: 0 0.5rem 1rem 0 rgba(3, 3, 3, 0.64), 0 0 0.375rem 0 rgba(3, 3, 3, 0.32);
    --pf-v5-global--BoxShadow--lg-top: 0 -0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);

    --pf-v5-global--BoxShadow--lg-right: 0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
    --pf-v5-global--BoxShadow--lg-bottom: 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
    --pf-v5-global--BoxShadow--lg-left: -0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
    --pf-v5-global--BoxShadow--xl: 0 1rem 2rem 0 rgba(3, 3, 3, 0.64), 0 0 0.5rem 0 rgba(3, 3, 3, 0.4);
    --pf-v5-global--BoxShadow--xl-top: 0 -1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
    --pf-v5-global--BoxShadow--xl-right: 1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
    --pf-v5-global--BoxShadow--xl-bottom: 0 1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
    --pf-v5-global--BoxShadow--xl-left: -1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
    --pf-v5-global--BoxShadow--inset: inset 0 0 0.625rem 0 #030303;
}

@font-face {
  font-family: 'Poppins';
  src: 
        url('fonts/Poppins/Poppins-Regular.ttf') format('truetype'),
        url('fonts/Poppins/Poppins-Light.ttf') format('truetype'),
        url('fonts/Poppins/Poppins-ExtraLight.ttf') format('truetype'),
        url('fonts/Poppins/Poppins-Thin.ttf') format('truetype');
}
h1 {
  font-weight: 700;
}

h2 {
  font-weight: 600;
}

h3 {
  font-weight: 500;
}

p, a {
  font-weight: 400;
}