:root {
  /* COLORS */
  /* Main colors */
  --primary-color: #fab005;

  /* Tints */
  --tint-color-01: #fab005;
  --tint-color-02: #e19e05;
  --tint-color-03: #c88d04;
  --tint-color-04: #af7b04;
  --tint-color-05: #966a03;
  --tint-color-06: #7d5803;
  --tint-color-07: #644602;
  --tint-color-08: #4b3501;
  --tint-color-09: #322301;
  --tint-color-10: #191200;
  --tint-color-11: #000000;

  /* Shades */
  --shade-color-01: #fab005;
  --shade-color-02: #fbb81e;
  --shade-color-03: #fbc037;
  --shade-color-04: #fcc850;
  --shade-color-05: #fcd069;
  --shade-color-06: #fdd882;
  --shade-color-07: #fddf9b;
  --shade-color-08: #fee7b4;
  --shade-color-09: #feefcd;
  --shade-color-10: #fff7e6;
  --shade-color-11: #ffffff;

  /* Greys */
  --grey-color-01: #555;
  --grey-color-02: #333;
  --grey-color-03: #222;

  /* Accents */

  /* Shadows */

  /* SPACING */
  /* Spacing system */
  --space-01: 0.2rem;
  --space-02: 0.4rem;
  --space-03: 0.8rem;
  --space-04: 1.2rem;
  --space-05: 1.6rem;
  --space-06: 2.4rem;
  --space-07: 3.2rem;
  --space-08: 4.8rem;
  --space-09: 6.4rem;
  --space-10: 8rem;
  --space-11: 9.6rem;
  --space-12: 12.8rem;

  /* BORDER STUFF */
  /* Border radius */
  --primary-border-radius: 10px;

  /* Border width */
  --border-width-01: 1px;
  --border-width-02: 2px;
  --border-width-03: 3px;
  --border-width-04: 4px;
  --border-width-05: 5px;

  /* TYPOGRAPHY */
  /* Font size */
  --font-size-01: 1rem;
  --font-size-02: 1.2rem;
  --font-size-03: 1.4rem;
  --font-size-04: 1.6rem;
  --font-size-05: 1.8rem;
  --font-size-06: 2rem;
  --font-size-07: 2.4rem;
  --font-size-08: 3rem;
  --font-size-09: 3.6rem;
  --font-size-10: 4.4rem;
  --font-size-11: 5.2rem;
  --font-size-12: 6.2rem;
  --font-size-13: 7.4rem;
  --font-size-14: 8.6rem;
  --font-size-15: 9.8rem;

  /* Font weights */
  --font-weight-01: 100;
  --font-weight-02: 200;
  --font-weight-03: 300;
  --font-weight-04: 400;
  --font-weight-05: 500;
  --font-weight-06: 600;
  --font-weight-07: 700;
  --font-weight-08: 800;
  --font-weight-09: 900;

  /* Line heights */
  --primary-line-height: 1;
  --line-height-01: 1.5;
  --line-height-02: 2;
}