:root{
  /* Radii echo the rounded rectangle of the logo mark (≈18% of the side) */
  --radius-xs:2px; --radius-sm:4px; --radius-md:6px; --radius-lg:10px;
  --radius-xl:16px; --radius-mark:22%; --radius-pill:999px;

  --line-hairline:1px; /* @kind spacing */
  --line-rule:2px; /* @kind spacing */
  --line-heavy:3px; /* @kind spacing */
  --line-marker:6px; /* @kind spacing */

  --shadow-none:none;
  --shadow-card:0 1px 2px rgba(18,19,20,.05);
  --shadow-raised:0 4px 14px rgba(18,19,20,.07);
  --shadow-overlay:0 18px 48px rgba(18,19,20,.16);
  --focus-ring:0 0 0 3px rgba(78,131,138,.35);
}