:root {
  /* Outlines are the whole visual system: black, thick, unapologetic. */
  --bw-hair: 1px;
  --bw-1: 2px;
  --bw-2: 3px;
  --bw-3: 5px;      /* photo frames, chips */
  --bw-4: 7px;      /* emphasis frames */
  --border-ink: var(--bw-2) solid var(--ink);
  --border-frame: var(--bw-3) solid var(--ink);

  --r-none: 0; /* @kind radius */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 22px;      /* boarding pass corners */
  --r-pill: 999px;

  /* Hard offset shadows only — no blur, ever, except the title drop */
  --shadow-hard: 4px 4px 0 var(--ink);
  --shadow-hard-sm: 3px 3px 0 var(--ink);
  --shadow-hard-lg: 7px 7px 0 var(--ink);
  --shadow-pressed: 1px 1px 0 var(--ink);
  --shadow-pass: 0 3px 0 rgba(17, 17, 17, 0.12);

  /* Title drop: soft, tight, straight down — the one blurred shadow */
  --text-shadow-title: 4px 5px 4px rgba(0, 0, 0, 0.35);
  --text-shadow-title-sm: 2px 3px 3px rgba(0, 0, 0, 0.32);

  --dash-perf: repeating-linear-gradient(to bottom, var(--ink) 0 5px, transparent 5px 11px); /* @kind other */
}