/* Real Sports Bookings — Elevation tokens
   Separation is border-led, not shadow-led. Resting cards have NO shadow —
   a 1px hairline defines them. Soft shadows appear only on hover/lift, with
   purpose-built shadows for the gradient buttons and floating panels. */

:root {
  /* Resting surfaces use a hairline border, not a shadow.
     --rsb-shadow-none documents that intent. */
  --rsb-shadow-none: none;

  /* Card hover / lift */
  --rsb-shadow-card: 0px 1px 2px rgba(0,0,0,0.02), 0px 1px 3px 1px rgba(0,0,0,0.02);
  --rsb-shadow-card-hover: 0px 2px 8px rgba(0,0,0,0.06);

  /* Floating: dropdowns, popovers, the sidebar user card */
  --rsb-shadow-modal: 0px 10px 16px -3px rgba(20,21,26,0.08), 0px 3px 6px -2px rgba(20,21,26,0.05);

  /* Component-specific shadows (double as a 1px ring) — retuned to the Bookings blue */
  --rsb-shadow-primary-btn: 0px 1px 2px rgba(20,38,110,0.5), 0px 0px 0px 1px #1f56d6;
  --rsb-shadow-secondary-btn: 0px 1px 2px rgba(164,172,185,0.24), 0px 0px 0px 1px rgba(18,55,105,0.08);
  --rsb-shadow-danger-btn: 0px 1px 2px rgba(235,84,53,0.5), 0px 0px 0px 1px #eb5435;
  --rsb-shadow-booking-tag: 0px 0px 0px 1px #d3e3ff, 0px 2px 4px rgba(32,32,32,0.08);

  /* Focus ring — always visible, never removed */
  --rsb-focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px var(--rsb-primary-500);

  /* Modal scrim */
  --rsb-scrim: rgba(39,40,53,0.45);
}