:root {
  --int-dark-100: #0E1821;
  --int-white: #ffffff;

  --int-dark-88: #2b343c;
  --int-dark-16: #D8DADB;
  --int-dark-08: #eceded;
  --int-dark-04: #f7f7f7;

  --int-blue-124: #0F4DC2;
  --int-blue-116: #1053D3;
  --int-blue-108: #125AE3;
  --int-blue-100: #1360F3;
  --int-blue-96: #1c66f3;
  --int-blue-88: #2f73f4;
  --int-blue-80: #4280f5;
  --int-blue-72: #558df6;
  --int-blue-64: #6899f7;
  --int-blue-56: #7ba6f8;
  --int-blue-48: #8eb3f9;
  --int-blue-40: #a1bffa;
  --int-blue-32: #b4ccfb;
  --int-blue-24: #c6d9fc;
  --int-blue-16: #d9e6fd;
  --int-blue-08: #ecf2fe;

  --int-yellow-124: #595f3e;
  --int-yellow-116: #4a513f;
  --int-yellow-108: #353450;
  --int-yellow-100: #e8bc04;
  --int-yellow-96: #e8e132;
  --int-yellow-88: #eae33c;
  --int-yellow-80: #ece64e;
  --int-yellow-72: #eee85f;
  --int-yellow-64: #f0eb71;
  --int-yellow-56: #f2ee83;
  --int-yellow-48: #f4f095;
  --int-yellow-40: #f6f3a6;
  --int-yellow-32: #f8f5b8;
  --int-yellow-24: #faf8ca;
  --int-yellow-16: #fcfadb;
  --int-yellow-08: #fefded;

  --int-orange-100: #e87e22;
  --int-orange-08: #fdf4ea;
  
  --int-purple-100: #884BE8;
  --int-purple-08: #F5F1FD;
  --int-purple: #9747FF;

  --int-green-08: #eff7f2;
  --int-green-100: #399b5c;
  
  --int-red-08: #FDEEF1;
  --int-red-100: #E0284F;

  --int-magenta-100: #CC406E;
  --int-magenta-08: #cc406f08;

  --md-text-font: "Poppins";

  --int-font-size-body: 0.75rem; /* 16px */
  --int-font-size-small: 0.65rem; /* 14px */
  --int-font-size-h1: 1.8rem; /* 40px */
  --int-font-size-h2: 1.55rem; /* 34px */
  --int-font-size-h3: 1.275rem; /* 28px */
  --int-font-size-h4: 1.135rem; /* 25px */
  --int-font-size-h5: 1.0rem; /* 22px */
  --int-font-size-h6: 0.87rem; /* 19px */

  --int-padding-none: 0rem;
  --int-padding-xxs: 0.25rem; /* 6px */
  --int-padding-xs: 0.5rem; /* 12px */
  --int-padding-s: 0.75rem; /* 16px */
  --int-padding-m: 1.0rem; /* 22px */
  --int-padding-l: 1.25rem; /* 28px */
  --int-padding-xl: 1.5rem; /* 34px */
  --int-padding-xxl: 2.0rem; /* 44px */
  --int-padding-xxxl: 2.5rem; /* 56px */

  --int-border-radius-none: 0rem;
  --int-border-radius-s: 0.25rem; /* 6px */
  --int-border-radius-m: 0.5rem; /* 12px */
  
  --int-border-width-s: 0.0625rem; /* 1px */
  --int-border-width-m: 0.125rem; /* 3px */
  --int-border-width-l: 0.25rem; /* 6px */

  --md-typeset-a-color: var(--int-blue-100);
  
  --int-company-dark: #2B3642;
  --int-company-blue: #3B46C4;
  --int-company-cyan: #4674BE;
  --int-company-green: #14891B;
  --int-company-yellow: #E8E022;
  --int-company-magenta: #D63BC5;
  --int-company-orange: #E87E22;
  --int-company-teal: #008472;
  --int-company-red: #DF303E;
  --int-company-purple: #A824EB;

  --int-background-yellow: #D2DD26;
  --int-mark-yellow: #7E8415;
  --int-light-grey: #B2B5B8;
  --int-menu-line-grey: #D9D9D9;
  --int-content-background: #E6E6E6;
  --int-content-background-rgb: 230, 230, 230;

  --int-grey-background-hover: #E0E0E0;
  --int-blue-background-hover: #0A4BC7;
  --int-lime-background-hover: #C2CC20;
  --int-purple-background-hover: #7C41D9;
  --int-magenta-background-hover: #BD3763;

  --int-input-placeholder: #656B71;
  --int-grey-icon: #8B9094; 
  --int-loading-placeholder: #B5B5B5;
  --int-loading-border: #52595F;

  --int-light-loading-border: rgba(14, 24, 33, 0.16);

  --int-light-text: #414D65;
  --int-light-green-background: rgba(0, 132, 114, 0.06);
  --int-light-blue-background: rgba(19, 96, 243, 0.06);
  --int-light-purple-background: rgba(151, 71, 255, 0.06);
  --int-light-warning-background: rgba(232, 126, 34, 0.16);
}