/* ===================================
   WASPS! Design System
=================================== */

:root{

/* Colours */

--black:#050505;
--charcoal:#111111;
--dark:#1b1b1b;

--white:#ffffff;
--off-white:#f5f5f5;

--yellow:#FFD400;
--yellow-light:#FFE14D;
--yellow-dark:#D6B100;

--grey:#888;
--grey-light:#ccc;

--overlay:rgba(0,0,0,.55);
--overlay-heavy:rgba(0,0,0,.72);

/* Typography */

--heading-font:"Oswald",sans-serif;
--body-font:"Inter",sans-serif;

/* Font Sizes */

--hero:clamp(4rem,10vw,9rem);

--h1:clamp(3rem,6vw,5rem);
--h2:clamp(2.4rem,5vw,4rem);
--h3:2rem;

--body:1.1rem;
--small:.9rem;

/* Spacing */

--section-padding:8rem;
--container:1200px;

--radius:12px;

--transition:.35s ease;

--shadow:
0 20px 60px rgba(0,0,0,.35);

}