/* Hertility — Effects: radii, borders, shadows.
   Editorial & minimal. Framing = thin borders with softly rounded corners.
   No drop shadows on brand assets; product photography carries its own shadow. */
:root {
  /* Corner radii — corner radius ≈ 5% of line height → subtle rounding only */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-pill: 999px;   /* neon step circles, buttons */

  /* Borders — 0.5pt print / 0.3pt digital → hairline */
  --border-hairline: 1px solid var(--color-black);
  --border-hairline-light: 1px solid var(--tint-white-60);
  --border-rule-coral: 1px solid var(--color-coral);
  --border-w-frame: 1px;

  /* Shadows — used only for real product imagery, never brand graphics */
  --shadow-product: 0 24px 60px -24px rgba(73,54,58,.45);
}