/* ==========================================================
   PRIMITIVE LAYOUT TOKENS
========================================================== */

:root {

/* Containers */

--container-xs: 480px;
--container-sm: 640px;
--container-md: 768px;
--container-lg: 1080px;
--container-xl: 1360px;
--container-2xl: 1520px;

/* Content */

--content-width: 820px;
--reading-width: 720px;

/* Header */

--header-height: 88px;

/* Section */

--section-padding-y: var(--space-24);
--section-padding-x: var(--space-6);

}