:root{
--radius-sm:6px;
--radius-md:10px;
--radius-lg:16px;
--radius-pill:999px;
--shadow-card:0 1px 2px rgba(61,56,110,.06),0 4px 12px rgba(61,56,110,.08);
--shadow-raised:0 2px 4px rgba(61,56,110,.08),0 12px 28px rgba(61,56,110,.14);
--shadow-dialog:0 8px 16px rgba(28,25,54,.12),0 24px 56px rgba(28,25,54,.22);
--border-card:1px solid var(--border-subtle);
--transition-fast:120ms ease; /* @kind other */
--transition-med:200ms ease; /* @kind other */
/* Hexagon motif — apply as clip-path */
--hex-clip:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%); /* @kind other */
}