:root{
  /* No rounded corners anywhere. Pixel art has no anti-aliased curves. */
  --radius:0;
  --border-1:2px;   /* inner highlight / hairline */
  --border-2:3px;   /* standard chunky outline */
  --border-3:4px;   /* hero panels, dialog boxes */
  --outline:var(--border-2) solid var(--border-outline);
  --outline-thick:var(--border-3) solid var(--border-outline);
  --outline-hair:var(--border-1) solid var(--border-outline);
  /* bevel: light top-left, dark bottom-right — the SNES box */
  --bevel-light:inset var(--border-1) var(--border-1) 0 rgba(255,255,255,.55);
  --bevel-dark:inset calc(-1 * var(--border-1)) calc(-1 * var(--border-1)) 0 rgba(0,0,0,.35);
}
