:root {
  /*--- Colors ---*/

  --primary-color: #E51E26;
  --primary-ligth-color: #D53B3B;
  --dark-color: #000000;
  --deep-dark-color: #1f2026;
  --gray-color: #b8c2cc;
  --white-color: #ffffff;
  --errors: #F1948A;
  --success: #ABEBC6;
  --caution: #F9E79F ;

  /*--- Typeface ---*/

  --font-sans              : 'Open Sans', Helvetica, Arial, sans-serif;
  --font-sans-2            : 'Rubik', Helvetica, Arial, sans-serif;
  --font-family-serif      : 'Lora', serif;
  --font-family-monospace  : 'Anonymous Pro', monospace;
  --font-family-cursive    : 'Love Ya Like A Sister', cursive;
  --font-family-base       : var(--font-sans);

  /*--- Font Size ---*/

  --font-xs: 10px;
  --font-sm: 12px;
  --font-base : 14px;
  --font-lg   : 16px;
  --font-xl   : 20px;
  --font-2xl  : 24px;
  --font-3xl  : 34px;
  --font-4xl  : 48px;
  --font-5xl  : 60px;
  --font-6xl  : 96px;

  /*--- Weight ---*/

  --fw-hairline : 100;
  --fw-thin     : 200;
  --fw-light    : 300;
  --fw-base     : 400;
  --fw-medium   : 500;
  --fw-semibold : 600;
  --fw-bold     : 700;
  --fw-extrabold: 800;
  --fw-black    : 900;

  /*--- Letter Spacing ---*/

  --letterSpacing-1: -1.5px;
  --letterSpacing-2: -0.5px;
  --letterSpacing-3: 0;
  --letterSpacing-4: 0.1;
  --letterSpacing-5: 0.4px;
  --letterSpacing-6: 0.5px;
  --letterSpacing-7: 0.15px;
  --letterSpacing-8: 0.25px;
  --letterSpacing-9: 1.5px;
  --letterSpacing-10: 1.25px;

  /*--- Transform ---*/

  --none       : none;
  --capitalize : capitalize;
  --uppercase  : uppercase;
  --lowercase  : lowercase;
  --initial    : initial;

}