:root{
/* Spacing (generous whitespace is a brand trait) */
--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:140px;
/* Radii */
--radius-card:24px;--radius-media:16px;--radius-pill:999px;
/* Borders */
--hairline-light:1px solid var(--border-light);--hairline-dark:1px solid var(--border-dark);
/* Shadows: near-none on light; glow on dark featured elements */
--shadow-soft:0 20px 50px -24px rgba(6,46,43,.25);
/* Motion */
--ease-brand:cubic-bezier(.22,.61,.24,1);/* @kind other */
--dur-fast:180ms;/* @kind other */
--dur-base:320ms;/* @kind other */
}