/* ──────────────────────────────────────────────────────────────
   Airspeed — Spacing, Radii, Shadows, Borders
   Quiet surfaces, crisp edges. 8px base grid. Small radii, 1px
   hairlines, feather-light shadows. Generous whitespace does the
   structural work — let layouts breathe.
   ────────────────────────────────────────────────────────────── */

:root {
  /* ---- Spacing scale (8px base) ---- */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  96px;   /* page gutter on large editorial layouts */
  --space-10: 128px;

  /* ---- Corner radius scale ---- */
  --radius-xs:   4px;   /* slides, tight chips */
  --radius-sm:   6px;   /* primary ink/amber buttons */
  --radius-md:   10px;  /* inputs, medium controls */
  --radius-lg:   14px;  /* cards + panels */
  --radius-xl:   20px;  /* large feature surfaces */
  --radius-pill: 999px; /* pills, badges, announcement bars */

  /* ---- 1px hairline border ---- */
  --border-1: 1px solid var(--hairline);

  /* ---- Shadows (warm-black, low alpha) ---- */
  --shadow-card: 0px 1px 2px 0px rgba(14, 14, 12, 0.06);          /* resting card */
  --shadow-soft: 0px 8px 24px -10px rgba(14, 14, 12, 0.10);       /* lifted card / hover */
  --shadow-pop:  0px 10px 30px -8px rgba(14, 14, 12, 0.18);       /* dialogs, menus */

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 320ms;

  /* ---- Layout ---- */
  --maxw-prose:   720px;
  --maxw-content: 1200px;
  --gutter:       var(--space-9);
}