/* ============================================================
   RESILIO PADEL — SPACING & RADIUS
   Values are the literal padding/gap numbers found on the
   source components (Button, Navigation Bar, Status, Hamburger).
   ============================================================ */

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 20px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 56px;
  --space-9: 80px;

  /* The source component kit's Radius/Large token is 0 — Button, Status,
     Navigation Bar and Hamburger Button all render with square corners.
     Preserve that in recreations of those exact components. */
  --radius-source-flat: 0px;

  /* The client's stated direction (Bold / Minimal / Glass Morphism /
     Rounded Corners) plus the Mobile App moodboard (large rounded
     tiles) governs NEW surfaces — booking site/app screens — since
     the source file defines no screens of its own. */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 999px;
}