:root{
/* Corner radii — restrained. Squared by default, small radius on interface chrome. */
--radius-none:0px;
--radius-sm:2px;
--radius-md:4px;
--radius-lg:8px;
--radius-pill:999px;

/* Shadows — used sparingly, for lifted surfaces only (menus, dialogs). */
--shadow-none:none;
--shadow-raised:0 1px 2px rgba(26,26,26,.06);
--shadow-overlay:0 8px 24px rgba(26,26,26,.12);
--shadow-modal:0 24px 64px rgba(26,26,26,.18);

/* Borders */
--border-width:1px;
--border-width-strong:2px;

/* Motion */
--ease-standard:cubic-bezier(.4,0,.2,1);
--ease-out:cubic-bezier(0,0,.2,1);
--duration-fast:120ms;
--duration-base:200ms;
--duration-slow:320ms;

/* Focus */
--focus-ring-width:2px;
--focus-ring-offset:2px;
}