/* Falkensteiner — spacing, radii, elevation, motion.
   4px base grid. Two densities: `comfortable` (marketing, sidecar) and
   `compact` (arrivals table — the dense-data surface). */
:root{
  --space-0:0px;   --space-1:4px;  --space-2:8px;  --space-3:12px;
  --space-4:16px;  --space-5:20px; --space-6:24px; --space-8:32px;
  --space-10:40px; --space-12:48px;--space-16:64px;--space-20:80px;

  /* Density: row heights and cell padding */
  --row-h-comfortable:56px;
  --row-h-compact:38px;
  --cell-pad-x:12px;
  --cell-pad-y-comfortable:14px;
  --cell-pad-y-compact:7px;

  /* Radii — the brand is nearly square. Pills only for badges/CTAs. */
  --radius-none:0px;
  --radius-sm:2px;
  --radius-md:4px;
  --radius-lg:8px;
  --radius-pill:999px;

  /* Elevation — restrained. Hairline first, shadow only when floating. */
  --shadow-none:none;
  --shadow-hairline:0 0 0 1px var(--border-hairline);
  --shadow-card:0 1px 2px rgba(27,40,57,.06),0 0 0 1px rgba(27,40,57,.06);
  --shadow-raised:0 4px 14px rgba(27,40,57,.10),0 0 0 1px rgba(27,40,57,.06);
  --shadow-float:0 18px 46px rgba(27,40,57,.22),0 2px 6px rgba(27,40,57,.12);

  /* Motion — calm, no bounce, no spring. */
  --ease-standard:cubic-bezier(.32,.72,.24,1); /* @kind other */
  --ease-exit:cubic-bezier(.4,0,1,1); /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur-base:200ms; /* @kind other */
  --dur-slow:360ms; /* @kind other */

  /* Layout */
  --container-max:1440px;
  --sidecar-w:360px;
  --focus-ring:0 0 0 2px #fff,0 0 0 4px var(--fk-navy);
}