:root{
/* 4px base scale (Tailwind steps actually used in the source) */
--space-1:0.25rem;
--space-2:0.5rem;
--space-3:0.75rem;
--space-4:1rem;
--space-5:1.25rem;
--space-6:1.5rem;
--space-8:2rem;
--space-10:2.5rem;
--space-12:3rem;
--space-16:4rem;
--space-20:5rem;
--space-24:6rem;

/* Layout */
--container-max:80rem;          /* max-w-7xl */
--container-prose:56rem;        /* max-w-4xl, blog + FAQ column */
--gutter:var(--space-4);        /* px-4 */
--gutter-md:var(--space-6);     /* sm:px-6 */
--gutter-lg:var(--space-8);     /* lg:px-8 */
--header-height:5rem;           /* h-20 sticky header */

/* Section rhythm — index.css deliberately tightens this ~25% */
--section-y:var(--space-12);     /* 3rem mobile */
--section-y-md:4.5rem;           /* 4.5rem desktop */

--card-padding:var(--space-8);
--card-padding-lg:var(--space-10);
--stack-gap:var(--space-4);
--grid-gap:var(--space-6);
--grid-gap-lg:var(--space-8);
}