/* Spacing, radii and layout.
   Every value below is present in the source (Figma Variables + frame
   auto-layout). Nothing is snapped to a 4/8-px grid: 5px, 10px, 13px, 21px,
   60px, 74px and 104px all appear as authored. */

:root {
  --space-0: 0px;
  --space-2: 2px;    /* xxxs */
  --space-4: 4px;
  --space-5: 5px;
  --space-8: 8px;    /* xs */
  --space-10: 10px;
  --space-12: 12px;
  --space-16: 16px;  /* s */
  --space-21: 21px;
  --space-24: 24px;  /* s-2 */
  --space-32: 32px;
  --space-40: 40px;
  --space-56: 56px;
  --space-60: 60px;
  --space-64: 64px;  /* xl */
  --space-72: 72px;
  --space-74: 74px;
  --space-104: 104px;
  --space-120: 120px;

  /* Layout */
  --canvas-width: 1440px;      /* design canvas */
  --container-max: 1200px;     /* content column */
  --page-gutter: 120px;        /* left/right page padding */
  --header-height: 80px;
  --hero-height: 726px;
  --band-height: 704px;        /* full-bleed dark band */
  --panel-height: 243px;       /* booking search panel */

  /* Column widths lifted from the source */
  --col-240: 240px;
  --col-260: 260px;
  --col-281-5: 281.5px;  /* contact-form input */
  --col-343: 343px;      /* hero stat capsule */
  --col-366: 366px;      /* car card */
  --col-368: 368px;      /* step card */
  --col-393: 393px;      /* booking search field */
  --col-482: 482px;
  --col-510: 510px;
  --col-546: 546px;
  --col-560: 560px;
  --col-572: 572px;
  --col-588: 588px;

  /* Radii */
  --radius-none: 0px;
  --radius-sm: 4px;    /* buttons, inputs, panels - the default */
  --radius-5: 5px;     /* car-card Book Now button */
  --radius-card: 10px; /* car card */
  --radius-11: 11px;
  --radius-13: 13px;   /* step card */
  --radius-pill: 999px;
  --radius-full: 50%;

  /* Border widths */
  --border-hairline: 1px;
  --border-2: 2px;
  --border-4: 4px;
  --border-5: 5px;
}