:root{
/* Radii. The kit has almost no rounded rectangles — its shape language is the ARCH
   and the WAVE. Radii here exist for the few real cases (pills, phone bezels). */
--radius-none:0px;
--radius-sm:6px;
--radius-md:14px;
--radius-phone:40px;      /* device bezel on the Video Work page */
--radius-phone-inner:32px;
--radius-pill:999px;

/* The arch: a full semicircular top on a rectangular body. Apply as border-radius. */
--arch-radius:50% 50% 0 0 / 42% 42% 0 0;
--arch-radius-tall:50% 50% 0 0 / 30% 30% 0 0;

/* Rules */
--rule-weight:2px;
--rule-weight-thin:1px;

/* Shadows. The source uses NO drop shadows anywhere except the phone bezels.
   Keep it that way; flat is the brand. */
--shadow-none:none;
--shadow-device:0 18px 40px rgba(0,0,0,0.18);
--shadow-lift:0 10px 30px rgba(208,142,142,0.20); /* optional, web only */
}