/* Spacing, radii, sizing. 4px base grid. Radii follow the logo's round-capped geometry. */
:root{
--space-0:0px;
--space-1:2px;
--space-2:4px;
--space-3:8px;
--space-4:12px;
--space-5:16px;
--space-6:20px;
--space-7:24px;
--space-8:32px;
--space-9:40px;
--space-10:48px;
--space-11:64px;
--space-12:80px;
--space-13:120px;
--space-14:160px;

--radius-xs:4px;
--radius-sm:8px;
--radius-md:12px;
--radius-lg:16px;
--radius-xl:24px;
--radius-2xl:32px;
--radius-pill:999px;
--radius-app-icon:22.4%;   /* App Icon 2.6 — rounded square */

--control-height-sm:32px;
--control-height-md:40px;
--control-height-lg:48px;
--control-height-xl:56px;

--icon-xs:14px;
--icon-sm:16px;
--icon-md:20px;
--icon-lg:24px;
--icon-xl:32px;
--icon-stroke:2; /* @kind other */           /* Lucide stroke-width matching the logo weight */

--container-sm:640px;
--container-md:960px;
--container-lg:1200px;
--container-xl:1440px;
--gutter-page:24px;
--gutter-page-lg:48px;

--logo-min-height-web:150px;  /* manual 3.2 */
--logo-min-height-app:48px;   /* manual 3.2 */
--logo-clearspace:1em;        /* manual 3.1 — 1X on all sides, X = icon height */
}