/* Firecrawl uses a 1:1 px Tailwind scale (p-12 = 12px). Common steps below. */
:root {
  --space-1: 1px; --space-2: 2px; --space-4: 4px; --space-6: 6px; --space-8: 8px;
  --space-10: 10px; --space-12: 12px; --space-16: 16px; --space-20: 20px; --space-24: 24px;
  --space-28: 28px; --space-32: 32px; --space-40: 40px; --space-48: 48px; --space-56: 56px;
  --space-64: 64px; --space-88: 88px; --space-143: 143px;

  /* Layout */
  --container-width: 1112px;
  --container-width-padding: 1144px;
  --container-width-mobile: 356px;
  --header-offset: 90px;
  --section-pad-y: 143px;
  --section-pad-y-mobile: 88px;
  --grid-cell: 101px; /* hero blueprint grid cell (102px incl. border) */

  /* Radii */
  --radius-2: 2px; --radius-4: 4px; --radius-6: 6px; --radius-8: 8px; --radius-10: 10px;
  --radius-12: 12px; --radius-16: 16px; --radius-20: 20px; --radius-full: 999px;
  --radius-button: 8px;       /* nav / secondary */
  --radius-button-lg: 10px;   /* hero CTAs */
  --radius-card: 20px;
  --radius-input: 20px;
}
@media (max-width:995px){ :root{ --container-width: 356px; --container-width-padding: var(--container-width); } }