/* Figure & Ground — radii, borders, elevation
   Editorial surfaces are square. Radius is reserved for controls (pill) and soft panels. */
:root{
--radius-none:0px;--radius-xs:4px;--radius-sm:8px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;
--border-hairline:1px;--border-strong:1px;--border-heavy:2px;
/* Near-flat by design. Shadow is only ever used to lift a true overlay off the page. */
--shadow-none:none;--shadow-overlay:0 24px 60px -20px rgba(21,21,21,.22);--shadow-sticky:0 1px 0 0 var(--line-subtle);
/* Aspect ratios used by project imagery */
--ratio-hero:16/9; /* @kind other */
--ratio-landscape:4/3; /* @kind other */
--ratio-portrait:3/4; /* @kind other */
--ratio-tall:2/3; /* @kind other */
--ratio-square:1/1; /* @kind other */
}