/* Lazy Vacations — Spacing, radius, shadow & layout tokens */

:root {
  /* ---- Radii (the site lives at ~4px, with 8px on embeds/maps) ---- */
  --lv-radius-xs: 3px;     /* buttons, dropdown */
  --lv-radius-sm: 4px;     /* default "round-corners" — cards, images */
  --lv-radius-md: 5px;     /* nav-link, tab nav */
  --lv-radius-lg: 8px;     /* iframes, map embeds */
  --lv-radius-pill: 16px;  /* mobile menu button */
  --lv-radius-round: 999px;

  /* ---- Shadows ---- */
  --lv-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.2);     /* text cards, active tab */
  --lv-shadow-card: 0 0 4px rgba(0, 0, 0, 0.2);     /* design-block card */
  --lv-shadow-pop: 0 0 30px rgba(0, 0, 0, 0.1);     /* dropdown menu */
  --lv-shadow-nav: 0 0 33px rgba(0, 0, 0, 0.2);     /* fixed navbar */
  --lv-shadow-hover: 0 8px 16px 4px rgba(0, 0, 0, 0.3); /* button hover lift */

  /* ---- Spacing scale ---- */
  --lv-space-1: 4px;
  --lv-space-2: 8px;
  --lv-space-3: 12px;
  --lv-space-4: 16px;
  --lv-space-5: 20px;    /* card padding */
  --lv-space-6: 28px;
  --lv-space-8: 40px;
  --lv-space-10: 60px;

  /* ---- Layout ---- */
  --lv-container: 940px;    /* webflow container max */
  --lv-container-wide: 1200px;
}