:root{
/* Radii — Psycobrand is mostly square. Only pills (buttons, tags) and the brand dot are round. */
--radius-0:0;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-pill:999px;--radius-circle:50%;
--border-hairline:1px; /* @kind spacing */
--border-thick:2px; /* @kind spacing */
--rule-heavy:4px; /* @kind spacing */
/* Shadows — used sparingly; elevation comes from contrast and negative space, not glow. */
--shadow-none:none;
--shadow-sm:0 1px 2px rgba(0,0,0,.06);
--shadow-md:0 8px 24px rgba(0,0,0,.08);
--shadow-lg:0 24px 60px rgba(0,0,0,.14);
--shadow-accent:0 12px 32px rgba(255,0,0,.22);
--inset-hairline:inset 0 0 0 1px var(--border-subtle);
/* Motion — quick, confident, no bounce. */
--ease-out:cubic-bezier(.22,.61,.36,1); /* @kind other */
--ease-in-out:cubic-bezier(.65,.05,.36,1); /* @kind other */
--dur-fast:120ms; /* @kind other */
--dur-base:220ms; /* @kind other */
--dur-slow:420ms; /* @kind other */
--dur-reveal:700ms; /* @kind other */
/* Glass — only over photography, never over flat color. */
--blur-glass:blur(14px); /* @kind other */
--glass-fill:rgba(0,0,0,.32);--glass-fill-light:rgba(255,255,255,.14);
}