/*

--- 01 TYPOGRAPHY SYSTEM

FONT WEIGHTS
default: 400
medium: 500
semi-bold: 600
bold: 700

LINE HEIGHTS
DEFAULT: 1
Small: 1.05
Medium: 1.2
Paragraph: 1.6

FONT SIZE SYSTEM (px)
10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98


--- 02 COLORS
PRIMARY: #e67e22
TINTS: #fdf2e9, #fae5d3
SHADES: #cf711f
ACCENTS:
GREYS: 
#555
#333
#6f6f6f


--- 05 SHADOWS

--- 06 BORDER RADIUS
Default: 9px
Medium: 12


--- 07 WHITESPACE
SPACING SYSTEM (px)
2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96 / 128


*/

@import "./base.css";
@import "./utils.css";
@import "./typography.css";
@import "./components/buttons.css";
@import "./components/link.css";
@import "./components/header.css";
@import "./components/navigation.css";
@import "./components/footer.css";
@import "./sections/hero.css";
@import "./sections/how-it-works.css";
@import "./sections/featured.css";
@import "./sections/meals.css";
@import "./sections/testimonials.css";
@import "./sections/pricing.css";
@import "./sections/cta.css";
@import "./queries.css";