/* ===========================================================================
   ÎLE DES EMBIEZ — Spacing, radius, shadow, motion
   The brand print system is generous and airy with wide margins. Corners are
   mostly square; the only rounded thing is the "stamp" capsule. Shadows are
   restrained — this is editorial, not glossy UI.
   =========================================================================== */

: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;
  --space-10: 128px;

  /* page gutter used across print layouts */
  --gutter:        clamp(20px, 6vw, 96px); /* @kind spacing */
  --measure:       66ch;     /* ideal body line length */

  /* ---- Radii ------------------------------------------------------------ */
  --radius-none:   0px;       /* default — the brand is square-cornered */
  --radius-xs:     2px;
  --radius-sm:     4px;
  --radius-md:     8px;
  --radius-pill:   999px;     /* stamp / capsule buttons */

  /* ---- Borders ---------------------------------------------------------- */
  --border-hair:   1px;
  --border-rule:   2px;       /* editorial dividing rules */

  /* ---- Shadows (used sparingly) ---------------------------------------- */
  --shadow-card:   0 1px 2px rgba(14, 42, 85, 0.06),
                   0 12px 28px -16px rgba(14, 42, 85, 0.22);
  --shadow-float:  0 18px 48px -20px rgba(14, 42, 85, 0.34);

  /* ---- Motion ----------------------------------------------------------- */
  --ease-out:      cubic-bezier(0.22, 0.61, 0.36, 1);   /* @kind other */
  --ease-in-out:   cubic-bezier(0.65, 0, 0.35, 1);      /* @kind other */
  --dur-fast:      140ms;  /* @kind other */
  --dur-base:      240ms;  /* @kind other */
  --dur-slow:      460ms;  /* @kind other */
}