:root{
/* corners: the brand is square. radius is reserved for pills and photo crops */
--radius-none:0px;
--radius-photo:2px;
--radius-pill:999px;

/* borders: 1px hairline black rules, 2px for emphasis, no grey borders in the source */
--border-1:1px solid var(--border-hairline);
--border-2:2px solid var(--border-hairline);
--border-brand:2px solid var(--blue-electric);
--rule-weight:1px;

/* shadows: none. depth comes from photographic mockups, not elevation */
--shadow-none:none;
--shadow-lift:0 12px 32px rgba(0,0,0,.10);

/* motion: quick, no bounce, no scale-up */
--ease-standard:cubic-bezier(.2,.7,.25,1); /* @kind other */
--ease-out:cubic-bezier(.16,1,.3,1); /* @kind other */
--dur-fast:120ms; /* @kind other */
--dur-base:200ms; /* @kind other */
--dur-slow:420ms; /* @kind other */
--dur-marquee:28s; /* @kind other */
}