/* ============================================================
   Nueli — Spacing, radius, shadow, layout
   Space is a feature. Rooms breathe: 64px is a normal gap here,
   not a large one. Corners are SQUARE — the brand does not round.
   ============================================================ */
:root {
  /* --- Spacing scale (generous) --- */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  44px;
  --space-8:  64px;
  --space-9:  96px;
  --space-10: 128px;

  /* --- Radius --- SQUARE by default. Only pills/avatars round. */
  --radius-none: 0px;      /* cards, buttons, inputs, images — all square */
  --radius-pill: 999px;    /* status dots, avatars, the rare chip */

  /* --- Hairlines --- */
  --hairline: 1px;
  --rule-short: 32px;      /* the little centred accent rule */

  /* --- Shadow --- almost none. Warm, low, diffuse when present. */
  --shadow-none: none;
  --shadow-card: 0 1px 2px rgba(51, 49, 44, 0.04);
  --shadow-lift: 0 18px 48px -24px rgba(51, 49, 44, 0.22);

  /* --- Layout --- */
  --measure:      560px;   /* comfortable reading measure */
  --container:    600px;   /* email / one-pager card width */
  --app-width:    420px;   /* app screen width */
  --pad-screen:   64px;    /* default screen padding */

  /* --- Motion --- calm, no bounce. Fades and slow eases only. */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --dur-fast: 140ms; /* @kind other */
  --dur:      260ms; /* @kind other */
  --dur-slow: 420ms; /* @kind other */
}