/* ============================================================
   PitchMind — Spacing, radii, shadows, layout tokens
   ============================================================ */

:root {
  /* Spacing scale (Tailwind-derived 4px base — the apps' native rhythm) */
  --space-1:  0.25rem;  /*  4px */
  --space-2:  0.5rem;   /*  8px */
  --space-3:  0.75rem;  /* 12px — default card padding gap */
  --space-4:  1rem;     /* 16px — card/section padding */
  --space-5:  1.25rem;  /* 20px */
  --space-6:  1.5rem;   /* 24px — generous card padding, page gutters */
  --space-8:  2rem;     /* 32px — section spacing */
  --space-12: 3rem;     /* 48px */

  /* Radii — admin uses 0.5rem, PWA softens to 0.75rem */
  --radius-sm:   0.25rem; /*  4px — chips, inner controls */
  --radius-md:   0.375rem;/*  6px — buttons, inputs (md preset) */
  --radius-lg:   0.5rem;  /*  8px — cards, modals (admin default) */
  --radius-xl:   0.75rem; /* 12px — PWA cards, tiles */
  --radius-full: 9999px;  /* pills, FAB, avatars */

  /* Shadows — kept deliberately light; the card BORDER carries weight,
     not the shadow. Never use heavy drop shadows. */
  --shadow-sm:  0 1px 2px 0 rgba(15, 23, 42, 0.05);
  --shadow-md:  0 4px 12px -2px rgba(15, 23, 42, 0.10);
  --shadow-lg:  0 10px 24px -4px rgba(15, 23, 42, 0.14); /* FAB, dropdowns, modals */

  /* Borders */
  --border-width-card: 2px;   /* the signature accent-colour card border */
  --border-width-hair: 1px;   /* dividers, inputs, table cells */

  /* Layout */
  --container-max: 56rem;     /* 896px — admin content column (max-w-4xl) */
  --header-height: 4rem;      /* 64px sticky app header */
  --tap-target:    2.75rem;   /* 44px minimum touch target (mobile-first) */
  --fab-size:      3.5rem;    /* 56px floating action button */
}