/* Shadows — low-opacity, neutral black. Never coloured, never more than
   two layers. Source values, unchanged. */
:root {
  --shadow-xs: 0 1px 2px 0 oklch(0% 0 0 / 0.04);
  --shadow-sm: 0 1px 3px 0 oklch(0% 0 0 / 0.08), 0 1px 2px -1px oklch(0% 0 0 / 0.06);
  --shadow-md: 0 4px 6px -1px oklch(0% 0 0 / 0.08), 0 2px 4px -2px oklch(0% 0 0 / 0.06);
  --shadow-lg: 0 10px 15px -3px oklch(0% 0 0 / 0.08), 0 4px 6px -4px oklch(0% 0 0 / 0.06);
  --shadow-xl: 0 20px 25px -5px oklch(0% 0 0 / 0.10), 0 8px 10px -6px oklch(0% 0 0 / 0.06);

  /* Focus ring — 2px outline, 2px offset, brand-coloured. */
  --ring-width: 2px;
  --ring-offset: 2px;
}