:root {
  /* ---- Borders: the brand IS the thick black line ---- */
  --line-width: 3px;                       /* default component outline */
  --line-width-heavy: 4px;                 /* cards, hero frames */
  --line: var(--line-width) solid var(--border-strong);
  --line-heavy: var(--line-width-heavy) solid var(--border-strong);

  /* ---- Radii: chunky and rounded, like the bubble letters ---- */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* ---- Shadows: hard sticker offsets, never soft blurs ---- */
  --shadow-sticker: 4px 4px 0 var(--ink-true);
  --shadow-sticker-lg: 6px 6px 0 var(--ink-true);
  --shadow-sticker-red: 4px 4px 0 var(--pizza-red);
  --shadow-none: 0 0 0 var(--ink-true);

  /* ---- Motion: quick and snappy, no bounces ---- */
  --ease-snap: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --duration-fast: 120ms; /* @kind other */
  --duration-base: 180ms; /* @kind other */
}