/* Primary Font */

@font-face {
  font-family: 'Rubik-Regular';
  src: url('../fonts/Rubik-Regular.eot');
  src: url('../fonts/Rubik-Regular.eot') format('embedded-opentype'),
    url('../fonts/Rubik-Regular.woff') format('woff'),
    url('../fonts/Rubik-Regular.woff2') format('woff2'),
    url('../fonts/Rubik-Regular.ttf') format('truetype'),
    url('../fonts/Rubik-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Rubik-Medium';
  src: url('../fonts/Rubik-Medium.eot');
  src: url('../fonts/Rubik-Medium.eot') format('embedded-opentype'),
    url('../fonts/Rubik-Medium.woff') format('woff'),
    url('../fonts/Rubik-Medium.woff2') format('woff2'),
    url('../fonts/Rubik-Medium.ttf') format('truetype'),
    url('../fonts/Rubik-Medium.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Rubik-SemiBold';
  src: url('../fonts/Rubik-SemiBold.eot');
  src: url('../fonts/Rubik-SemiBold.eot') format('embedded-opentype'),
    url('../fonts/Rubik-SemiBold.woff') format('woff'),
    url('../fonts/Rubik-SemiBold.woff2') format('woff2'),
    url('../fonts/Rubik-SemiBold.ttf') format('truetype'),
    url('../fonts/Rubik-SemiBold.svg') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Rubik-Bold';
  src: url('../fonts/Rubik-Bold.eot');
  src: url('../fonts/Rubik-Bold.eot') format('embedded-opentype'),
    url('../fonts/Rubik-Bold.woff') format('woff'),
    url('../fonts/Rubik-Bold.woff2') format('woff2'),
    url('../fonts/Rubik-Bold.ttf') format('truetype'),
    url('../fonts/Rubik-Bold.svg') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-regular: 'Rubik-Regular';
  --font-medium: 'Rubik-Medium';
  --font-semibold: 'Rubik-Semibold';
  --font-bold: 'Rubik-Bold';


  --primary-color: #54B848;
  --secondary-color: #0E7FC5;
  --tertiary-color: #000000;

  --light-primary-color: #ECFFEA;
  --light-secondary-color: #EEF9FF;

  --light-grey-color: #E0E0E0;

  --dark-secondary-color: #4D2078;
  --upload-bg-color: #F3FBFF;
  --file-batch-bg-color: #F2F2F2;

  --heading-text-color: #000000;
  --para-text-color: #808080;
  --grey-text-color: #464646;

  --label-color: #000000;
  --placeholder-color: #A0A0A0;
  --input-border-color: #C0C0C0;

  --chat-bg-color: #F1F4F8;
  --user-chat-bg-color: linear-gradient(275deg, #191B23 10.59%, #4E4E4E 166.87%);

  --in-progress-color: #FFB12A;
  --completed-color: #21A366;

  --primary-btn-hover: #3d8a34;
  --secondary-btn-hover: #E2C5FF;

  --table-th-bg-color: #F8F8F8;
  --table-border-color: #EAEAEA;
  --table-th-color: #000000;
  --table-td-color: #000000;

  --tab-inactive-color: #7A7A7A;
  --code-preview-bg-color: #F8F8F8;

  --red-color: #F94C4C;
  --light-red-color: #ffedee;
}