/* ==========================================================================
   Spacing, radii, borders, shadows, motion — The Business of Luxury
   A quiet, editorial system: generous whitespace, hairline rules,
   near-flat surfaces, slow fades. No bounce, no heavy drop-shadows.
   ========================================================================== */
:root {
  /* --- Spacing (8pt-ish, but the brand breathes — larger steps up top) - */
  --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;
  --space-10: 128px;
  --space-11: 160px;   /* section padding on marketing surfaces */

  /* --- Radii — barely there. Luxury reads as crisp, not bubbly -------- */
  --radius-none: 0px;
  --radius-sm:   2px;
  --radius-md:   4px;
  --radius-pill: 999px;

  /* --- Borders --------------------------------------------------------- */
  --border-width-hair:   1px;
  --border-width-strong: 1.5px;

  /* --- Shadows — used almost never; when present, soft and low -------- */
  --shadow-none: none;
  --shadow-card: 0 1px 2px rgba(35,35,35,0.04), 0 8px 24px rgba(35,35,35,0.06);
  --shadow-lift: 0 2px 6px rgba(35,35,35,0.06), 0 18px 48px rgba(35,35,35,0.10);

  /* --- Dark-photo overlay (hero pieces) -------------------------------- */
  --overlay-dark:  rgba(20,18,18,0.55);
  --overlay-vignette: radial-gradient(120% 120% at 50% 40%, rgba(0,0,0,0) 30%, rgba(0,0,0,0.55) 100%); /* @kind other */

  /* --- Layout ---------------------------------------------------------- */
  --measure:        68ch;   /* comfortable reading width */
  --content-max:    1200px; /* marketing container */
  --content-narrow: 760px;

  /* --- Motion — slow, editorial fades. Nothing bounces. --------------- */
  --ease-standard: cubic-bezier(0.4, 0.0, 0.2, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast:   160ms; /* @kind other */
  --dur-base:   280ms; /* @kind other */
  --dur-slow:   520ms; /* @kind other */
}
