/* ============================================================
   Elevation — Straloo Design System
   palpatine favours hairline RINGS over heavy shadows.
   Cards/dialogs sit on a 1px ring (foreground @ 10%) plus a
   soft shadow for popovers. Keep elevation subtle and cool.
   ============================================================ */

:root {
  /* Hairline ring used by cards, dialogs, popovers (ring-1 ring-foreground/10) */
  --ring-hairline: 0 0 0 1px hsl(var(--foreground) / 0.1);

  /* Shadow ramp — used for raised/floating surfaces */
  --shadow-xs: 0 1px 2px 0 hsl(var(--foreground) / 0.05);
  --shadow-sm: 0 1px 3px 0 hsl(var(--foreground) / 0.08),
               0 1px 2px -1px hsl(var(--foreground) / 0.08);
  --shadow-md: 0 4px 6px -1px hsl(var(--foreground) / 0.08),
               0 2px 4px -2px hsl(var(--foreground) / 0.06);
  --shadow-lg: 0 10px 15px -3px hsl(var(--foreground) / 0.1),
               0 4px 6px -4px hsl(var(--foreground) / 0.08);
  --shadow-xl: 0 20px 25px -5px hsl(var(--foreground) / 0.1),
               0 8px 10px -6px hsl(var(--foreground) / 0.08);

  /* Overlay scrim for dialogs (bg-black/10 + backdrop blur) */
  --overlay: hsl(0 0% 0% / 0.1);
  --overlay-blur: 2px;
}