/****************************************
 Variables
****************************************/
:root {
  --copy: #1d201f;
  --copy-2: #ffffff;
  --gray: #adb6bd;
  --gray-blue: #3a4a58;
  --lt-gray: #e8e8e8;
  --med-gray: #8996a0;

  --background-color: #fbfbfb;
  --background-color-2: #23122e;
  --link-color: #ff675b;
  --link-color-2: #ffbbb5;
  --link-hover: #ff3828;
  --link-hover-2: #c49fb6;

  --primary-color: #ff675b;
  --primary-color-2: #23122e;
  --secondary-color: #ff978a;
  --secondary-color-2: #f3d0cb;
  --tertiary-color: #23122e;
  --tertiary-color-2: #2c1939;
  --quaternary-color: #ffbbb5;
  --quaternary-color-2: #776a80;

  --accent-color: #fec37f;
  --accent-color-2: #fec37f;

  --base-font: 18px;
  --font-xs: 12px;
  --font-sm: 14px;
  --font-md: 16px;
  --font-lg: 21px;
  --font-xl: 24px;
  --font-2x: 32px;
  --font-3x: 42px;
  --font-4x: 48px;
  --font-5x: 52px;
  --font-6x: 62px;
  --font-7x: 72px;
  --font-8x: 82px;
  --font-9x: 92px;

  --font-family: 'Poppins', sans-serif;
  --font-secondary: 'Poppins', sans-serif;
}