/* =========================================================
   DESIGN TOKENS
   ---------------------------------------------------------
   BRAND PALETTE, sampled from the Masters Premium Padel logo:
     navy  #1C2B43  (logo background)
     gold  #B3A576  (logo mark and MASTERS lettering)
     white          (PREMIUM PADEL lettering)
   Everything on the page reads from these tokens. --band must
   stay exactly #1C2B43 so the logo image blends into it.
   ========================================================= */
:root {
  /* Typography - Stitch "Premium Padel Club Website" System */
  --font-display: "Archivo", sans-serif;
  --font-body: "Instrument Sans", system-ui, -apple-system, sans-serif;

  --fs-sm: 0.875rem;
  --fs-0: 1rem;
  --fs-1: 1.125rem;
  --fs-2: clamp(1.375rem, 1.1rem + 1vw, 1.75rem);
  --fs-3: clamp(1.75rem, 1.2rem + 2.2vw, 2.5rem);
  --fs-4: clamp(2.5rem, 1.4rem + 4.6vw, 3.5rem);

  /* Spacing */
  --s1: 0.25rem; --s2: 0.5rem; --s3: 0.75rem; --s4: 1rem;
  --s5: 1.5rem; --s6: 2rem; --s7: 3rem; --s8: 4.5rem; --s9: 6rem;

  --r: 0.25rem;
  --container: 80rem;
  --header-h: 5.25rem;

  /* Colors: Stitch Dark Midnight Aesthetic */
  --bg: #0D141F;
  --surface: #141D2D;
  --raised: #19202B;
  --text: #DCE2F3;
  --muted: #CDC6B7;
  --border: rgba(179, 165, 118, 0.2);
  --primary: #B3A576;
  --on-primary: #0D141F;
  --accent: #D5C694;
  --focus: #D5C694;
  --tint: #232A36;
  --band: #1C2B43;
  --band-2: #27395A;
  --band-text: #F6F4EE;
  --band-muted: #A7B6D4;
  --error: #FFB4AB;
  --ok: #7FD69A;

  box-sizing: border-box;
  color-scheme: dark;
}