/* Don Félix — spacing, layout, radii, borders, shadows */
:root{
--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;
--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;

--container-max:1200px; /* @kind spacing */
--container-narrow:760px; /* @kind spacing */
--gutter:24px; /* @kind spacing */
--section-y:112px; /* @kind spacing */
--section-y-sm:72px; /* @kind spacing */

--header-h:88px; /* @kind spacing */
--header-h-compact:68px; /* @kind spacing */


/* Radii — tailoring is sharp-edged. Square is the default. */
--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-pill:999px;--radius-oval:50%;

--border-width:1px; /* @kind other */
--border-width-strong:2px; /* @kind other */

--hairline:1px solid var(--border-hairline); /* @kind other */


--shadow-xs:0 1px 2px rgba(13,33,54,.06);
--shadow-sm:0 2px 6px -2px rgba(13,33,54,.10),0 1px 2px rgba(13,33,54,.05);
--shadow-md:0 10px 28px -12px rgba(13,33,54,.22);
--shadow-lg:0 28px 56px -24px rgba(13,33,54,.32);
--shadow-bevel:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(0,0,0,.12);

--z-header:50; /* @kind other */
--z-overlay:90; /* @kind other */
--z-dialog:100; /* @kind other */
--z-toast:120; /* @kind other */
--z-tooltip:130; /* @kind other */

}