:root{
/* the brand is square-edged: hairline rules do the work that borders and
   shadows do elsewhere. Radii stay near zero on purpose. */
--radius-none:0;
--radius-xs:2px;
--radius-sm:3px;
--radius-card:4px;
--radius-pill:999px;
--border-width-hairline:1px;
--border-width-accent:2px;
--rule:1px solid var(--border-hairline);
--shadow-none:none;
--shadow-paper:0 1px 2px rgba(31,30,29,.06),0 8px 24px rgba(31,30,29,.08);
--shadow-lifted:0 18px 48px rgba(23,22,21,.45);
--blur-scrim:blur(8px); /* @kind other */
}