/* ── Radius ──────────────────────────────────────────────────────────────
   The brand is squarer than most: photos and panels are near-square, only
   controls and chips round hard. Nothing is a "blob".
   ───────────────────────────────────────────────────────────────────────── */
:root {
  --radius-none: 0;
  --radius-photo: 2px;    /* deck image grids — effectively square */
  --radius-panel: 6px;    /* cards, sheets, gallery frames */
  --radius-tile: 10px;    /* orange icon tiles */
  --radius-input: 8px;
  --radius-button: 999px; /* CTAs are pills */
  --radius-pill: 999px;
  --radius-circle: 50%;   /* numbered badges, programme chips, avatars */

  --hairline: 1px;
  --rule-accent: 2px;     /* the orange rule under the deck header */
}