:root {
  /* corner radii: soft, natural, never sharp — never pill-everything either */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;
  --radius-pill: 999px;

  /* shadows: diffuse and low-opacity, natural daylight, no hard drop shadows */
  --shadow-sm: 0 1px 2px rgba(28, 26, 21, 0.05), 0 1px 1px rgba(28, 26, 21, 0.03);
  --shadow-md: 0 8px 24px rgba(28, 26, 21, 0.08), 0 2px 6px rgba(28, 26, 21, 0.04);
  --shadow-lg: 0 20px 48px rgba(28, 26, 21, 0.12), 0 6px 16px rgba(28, 26, 21, 0.05);
  --shadow-glass: 0 8px 32px rgba(28, 26, 21, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  --shadow-stage: 0 20px 60px rgba(0, 0, 0, 0.35);

  /* glass: used for floating chrome (nav, modals, tags over imagery) only, never body copy surfaces */
  --blur-glass-sm: 8px;
  --blur-glass-md: 20px;
  --blur-glass-lg: 32px;

  --border-w-hairline: 1px;
  --border-w-thick: 2px;
}