:root{
  /* Corner radii — architectural, almost square. Pills only on the pouf-shaped
     control family (buttons, tags, chips), never on cards or images. */
  --radius-0: 0px;
  --radius-1: 2px;
  --radius-2: 4px;
  --radius-3: 8px;
  --radius-pill: 999px;

  --border-hairline: 1px solid var(--line-hairline); /* @kind other */
  --border-strong: 1px solid var(--line-strong); /* @kind other */
  --border-inverse: 1px solid var(--line-inverse); /* @kind other */

  /* Shadows are used sparingly: light is natural, so shadows are long, soft and
     low-contrast. Never a coloured or glowing shadow. */
  --shadow-none: none;
  --shadow-soft: 0 2px 8px rgba(30,30,28,.05);
  --shadow-lift: 0 18px 40px -24px rgba(30,30,28,.28);
  --shadow-modal: 0 40px 90px -30px rgba(30,30,28,.42);
  --shadow-inset-line: inset 0 -1px 0 var(--line-hairline);

  /* Image treatments */
  --img-ratio-portrait: 3 / 4; /* @kind other */
  --img-ratio-editorial: 4 / 5; /* @kind other */
  --img-ratio-landscape: 3 / 2; /* @kind other */
  --img-ratio-wide: 16 / 9; /* @kind other */
  --scrim-bottom: linear-gradient(to top, rgba(30,30,28,.55), rgba(30,30,28,0) 62%); /* @kind other */
  --blur-veil: saturate(120%) blur(18px); /* @kind other */
}