@import url(fonts.css);

:root {
  --white: #ffffff;
  --black: #000000;
  --transparent: transparent;

  --primary-1: #930c12;
  --primary-rgb: 147, 12, 18;
  --primary-2: #fbf4f4;
  --primary-3: #fffbfb;
  --primary-4: #80060c;
  --primary-5: #fbe0e1;

  --secondary-1: #323232;
  --secondary-2: #f9f9f9;
  --secondary-3: #676767;
  --secondary-4: #e5e5e5;
  --secondary-5: #cbcbcb;
  --secondary-6: #818181;
  --secondary-7: #cecece;
  --secondary-8: #52646d;

  --shadow-color-1: #3232321a;

  --site-primary-1: #444;
  --site-primary-2: #1c1c1c;
  --site-primary-3: #eaeaea;
  --site-primary-4: #cccccc;

  --site-secondary-1: #888;
  --site-secondary-2: #f4f4f4;

  /* RGB Color */
  --rgb-white: 255, 255, 255;
  --rgb-black: 0, 0, 0;
  --rgb-people-accordian-rgba: 0, 0, 0, 0.045;

  /* Font Family CSS */
  --font-light: "RobotoLight";
  --font-regular: "RobotoRegular";
  --font-medium: "RobotoMedium";
  --font-bold: "RobotoBold";

  /* Font Size CSS */
  --fs-12: 12px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-17: 17px;
  --fs-18: 18px;
  --fs-20: 20px;
  --fs-22: 22px;
  --fs-24: 24px;
  --fs-26: 26px;
  --fs-28: 28px;
  --fs-30: 30px;
  --fs-32: 32px;
  --fs-34: 34px;
  --fs-36: 36px;
  --fs-38: 38px;
  --fs-40: 40px;
  --fs-42: 42px;
  --fs-44: 44px;
  --fs-48: 48px;
  --fs-50: 50px;
  --fs-56: 56px;
  --fs-60: 60px;
  --fs-68: 68px;
  --fs-100: 100px;
  --fs-130: 130px;
}