:root{
  /* Thin lines are the brand. Hairline is the default; rule is emphasis. */
  --stroke-hair:1px;
  --stroke-thin:1.5px;
  --stroke-rule:2px;
  --stroke-bar:6px;          /* the mark's vertical bar proportion */

  --border-hairline:var(--stroke-hair) solid var(--line-hairline);
  --border-rule:var(--stroke-rule) solid var(--line-rule);
  --border-accent:var(--stroke-thin) solid var(--line-accent);

  /* Corner radii — slight, never pill except for dots/avatars */
  --radius-0:0;
  --radius-xs:2px;
  --radius-sm:4px;
  --radius-md:6px;
  --radius-lg:10px;
  --radius-motion:12px;      /* motion-graphic plates, per brand direction */
  --radius-motion-frame:40px; /* full 1920x1080 motion-graphic frame corners */
  --radius-round:999px;

  /* Elevation — used sparingly; brand prefers lines over shadow */
  --shadow-none:none;
  --shadow-1:0 1px 2px rgba(0,0,0,.06);
  --shadow-2:0 6px 20px rgba(0,0,0,.08);
  --shadow-plate:0 10px 40px rgba(0,0,0,.35);
}