:root{
--space-1:8px;
--space-2:16px;
--space-3:24px;
--space-4:32px;
--space-6:48px;
--space-8:64px;
--space-12:96px;
--space-16:128px;

--radius-sm:6px;
--radius-md:10px;
--radius-lg:18px;

--shadow-card:0 1px 2px color-mix(in oklch, var(--color-deep-ink) 6%, transparent), 0 8px 24px color-mix(in oklch, var(--color-deep-ink) 6%, transparent);
--shadow-raised:0 4px 16px color-mix(in oklch, var(--color-deep-ink) 10%, transparent);

--motion-fast:150ms; /* @kind other */
--motion-base:200ms; /* @kind other */
--motion-slow:300ms; /* @kind other */
--ease-out:cubic-bezier(.16,.6,.3,1); /* @kind other */
}