/* =====================================================================
   PadelNation — shared design tokens (clean & minimal)
   Loaded first on the website, app and admin so every surface shares the
   same palette, spacing, radius, shadow and type scale.
   Override nothing here per-page; tune the whole platform from this file.
   ===================================================================== */
:root{
  /* --- brand + accent (Playtomic-style blue) --- */
  --court:#2E5BFF;          /* primary blue (header, buttons, links) */
  --court-deep:#1E43D8;     /* darker blue (hover) */
  --court-tint:#EAEFFF;     /* light blue wash */
  --line:#2E5BFF;
  --line-soft:#B9C7FF;

  /* --- dark hero (venue banner) --- */
  --lime:#D6F84C; --lime-deep:#C9F02F;
  --hero-bg:#0B0D12;        /* near-black hero */
  --hero-bg-2:#141821;

  /* --- neutrals (clean, lots of white) --- */
  --ink:#12141A;            /* primary text */
  --ink-2:#3A3F4B;          /* secondary text */
  --muted:#6B7280;          /* labels, captions */
  --paper:#F3F4F6;          /* page background (light gray) */
  --card:#FFFFFF;           /* card/surface */
  --border:#E5E7EB;         /* thin hairline borders */
  --border-strong:#D5D8DE; /* stronger divider */

  /* --- schedule grid --- */
  --slot-free:#FFFFFF;      /* available cell */
  --slot-taken:#C9CCD3;     /* not-available cell (gray) */
  --slot-mine:#2E5BFF;      /* your booking */
  --grid-line:#E5E7EB;

  /* --- status --- */
  --danger:#E5484D; --ok:#30A46C; --warn:#F5A623;
  --ok-tint:#E7F6EE; --danger-tint:#FCECEC; --warn-tint:#FDF3E1;

  /* --- radius --- */
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:22px; --r-pill:999px;
  --radius:14px;

  /* --- shadow (soft, minimal) --- */
  --shadow-sm:0 1px 2px rgba(17,20,26,.05);
  --shadow-md:0 4px 16px -6px rgba(17,20,26,.12);
  --shadow-lg:0 18px 40px -20px rgba(17,20,26,.28);

  /* --- spacing scale --- */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-8:48px;

  /* --- layout --- */
  --shell:480px;
  --wrap:1180px;

  /* --- type --- */
  --font-display:'Poppins',system-ui,sans-serif;
  --font-body:'Poppins',system-ui,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,monospace;
}