/* ============================================================
   HELEA — ELEVATION
   Restrained. The brand leans on hairline borders and flat
   off-white surfaces rather than heavy floating shadows.
   ============================================================ */
:root {
  /* Hairline-first: most cards use border + tiny lift */
  --shadow-none: none;
  --shadow-xs:  0 1px 2px rgba(17, 17, 17, 0.04);
  --shadow-sm:  0 2px 8px rgba(17, 17, 17, 0.05);
  --shadow-md:  0 8px 28px rgba(17, 17, 17, 0.07);
  --shadow-lg:  0 20px 56px rgba(17, 17, 17, 0.10);

  /* Focus ring */
  --ring-focus: 0 0 0 3px rgba(230, 0, 0, 0.30);
  --ring-focus-dark: 0 0 0 3px rgba(255, 255, 255, 0.45);
}