/* Placebo spacing & grid. Mixed system: 4pt increments for component spacing,
   8pt increments for layout spacing. Source: design/Foundations/Spacing.md */
:root{
--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;
--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px;--spacing-24:96px;--spacing-28:112px;--spacing-32:128px;

/* Breakpoints */
--breakpoint-xs:0px;--breakpoint-sm:600px;--breakpoint-md:960px;--breakpoint-lg:1280px;--breakpoint-xl:1680px;
/* Grid — lg (1280–1679px) is the canonical design breakpoint for Suraasa web */
--grid-columns-xs:4; /* @kind other */
--grid-columns-sm:8; /* @kind other */
--grid-columns-md:8; /* @kind other */
--grid-columns-lg:12; /* @kind other */
--grid-columns-xl:12; /* @kind other */
--grid-gutter-xs:20px;--grid-gutter-sm:20px;--grid-gutter-md:20px;--grid-gutter-lg:24px;--grid-gutter-xl:24px;
--grid-margin-xs:16px;--grid-margin-sm:40px;--grid-margin-lg:100px;
--grid-col-width-md:92px;--grid-col-width-xl:104px;
--grid-content-md:876px;--grid-content-lg:1080px;--grid-content-xl:1512px}