/*FONTS*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&display=swap');

:root {
/*COLORS*/
--color-primary-800: hsl(180, 100%, 49%);
--color-secondary-800: hsl(0, 0%, 78%);
--color-accent-800: hsl(0, 0%, 30%);
--color-neutral-light-800: hsl(0, 0%, 100%);
--color-neutral-dark-800: hsl(0, 0%, 17%);
--color-bonus-800: hsl(136, 63%, 53%);
/*SPACING*/
--rem-base: 1rem;
--rem-base-4: calc(var(--rem-base) * 0.25);
--rem-base-8: calc(var(--rem-base) * 0.5);
--rem-base-12: calc(var(--rem-base) * 0.75);
--rem-base-14: calc(var(--rem-base) * 0.875);
--rem-base-18: calc(var(--rem-base) * 1.125);
--rem-base-24: calc(var(--rem-base) * 1.5);
--rem-base-32: calc(var(--rem-base) * 2);
--rem-base-40: calc(var(--rem-base) * 2.5);
--rem-base-48: calc(var(--rem-base) * 3);
--rem-base-56: calc(var(--rem-base) * 3.5);
--rem-base-64: calc(var(--rem-base) * 4);
--rem-base-72: calc(var(--rem-base) * 4.5);
--rem-base-80: calc(var(--rem-base) * 5);
--rem-base-88: calc(var(--rem-base) * 5.5);
--rem-base-96: calc(var(--rem-base) * 6);
--rem-base-104: calc(var(--rem-base) * 6.5);
--rem-base-112: calc(var(--rem-base) * 7);
--rem-base-120: calc(var(--rem-base) * 7.5);
--rem-base-128: calc(var(--rem-base) * 8);
--rem-base-136: calc(var(--rem-base) * 8.5);
--rem-base-144: calc(var(--rem-base) * 9);
--rem-base-152: calc(var(--rem-base) * 9.5);
--rem-base-160: calc(var(--rem-base) * 10);
--rem-base-168: calc(var(--rem-base) * 10.5);
--rem-base-176: calc(var(--rem-base) * 11);
--rem-base-184: calc(var(--rem-base) * 11.5);
--rem-base-192: calc(var(--rem-base) * 12);
--rem-base-200: calc(var(--rem-base) * 12.5);
--rem-base-208: calc(var(--rem-base) * 13);
--rem-base-216: calc(var(--rem-base) * 13.5);
--rem-base-224: calc(var(--rem-base) * 14);
--rem-base-232: calc(var(--rem-base) * 14.5);
--rem-base-240: calc(var(--rem-base) * 15);
--rem-base-248: calc(var(--rem-base) * 15.5);
--rem-base-256: calc(var(--rem-base) * 16);
--rem-base-264: calc(var(--rem-base) * 16.5);
/*TYPE*/
--ff-manrope: "Manrope", sans-serif;
--ff-inter: "Inter", sans-serif;
}