:root {
  --pt-font-family: 'graphein_pro', 'Arial', 'Helvetica', 'sans-serif',
    'FontAwesome', sans-serif;
  --gray1: #030405;
  --title-gray: var(--gray1);
  --background-gray: var(--gray1);
  --gray2: #303640;
  --text-gray: var(--gray2);
  --gray3: #6a7280;
  --icon-gray: var(--gray3);
  --gray4: #b0b6bf;
  --header-gray: var(--gray4);
  --gray5: #bec3cc;
  --selected-gray: var(--gray5);
  --gray6: #ced2d9;
  --default-border: var(--gray6);
  --gray7: #dfe1e5;
  --hover-gray: var(--gray7);
  --gray8: #edeff2;
  --zebra-gray: var(--gray8);
  --gray9: #f7f8fa;
  --background-alt-gray: var(--gray9);
  --gray10: #fbfcfd;
  --default-gray: var(--gray10);
  --yellow1: #fcaf17;
  --warning-yellow: var(--yellow1);
  --blue1: #005f8c;
  --btn-down-blue: var(--blue1);
  --blue2: #007bb5;
  --link-blue: var(--blue2);
  --blue3: #00b3f0;
  --link-hover-blue: var(--blue3);
  --red1: #a10c11;
  --down-red: var(--red1);
  --red2: #d81118;
  --error-red: var(--red2);
  --red3: #fd272e;
  --error-red-alt: var(--red3);
  --orange1: #f37321;
  --paycor-orange: var(--orange1);
  --orange2: #f15a29;
  --paycor-alt-orange: var(--orange2);
  --green1: #488c29;
  --success-down-green: var(--green1);
  --confirm-down-green: var(--green1);
  --green2: #69b545;
  --success-green: var(--green2);
  --confirm-green: var(--green2);
  --green3: #a6ce39;
  --success-alt-green: var(--green3);
  --confirm-alt-green: var(--green3);
}