:root{
/* Spacing scale */
--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;
/* Layout */
--container-max:1200px;--gutter:24px;--side-pad:24px;--side-pad-m:20px;
--section-pad:112px;--section-pad-m:72px;
--nav-height:72px;
/* Radii — hierarchy matters, not one radius for everything */
--radius-pill:9999px; /* buttons, tags */
--radius-tile:24px; /* tiles, photos */
--radius-bubble:20px; /* SMS bubbles (one 6px corner) */
--radius-bubble-tail:6px;
--radius-card:16px; /* timeline cards, dropzone */
--radius-input:12px;
--radius-callout:48px 40px 44px 52px / 40px 48px 36px 44px; /* hand-drawn callout outline */
/* Shadows — almost none */
--shadow-nav:0 1px 0 #E8E8E8; /* the only shadow: sticky nav after scroll */
--focus-shadow:0 0 0 3px rgba(232,56,79,0.4);
}