/* Elegance IV — Spacing, radius, shadow, motion
   Generous whitespace is the primary luxury signal (more so than any
   ornament) — the scale below skews toward large section gaps. */

:root {
  --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;

  /* Corner radii — kept small and architectural. No pill buttons,
     no heavy rounding. A hairline square edge reads more premium here
     than a soft rounded one. */
  --radius-none: 0px;
  --radius-xs: 2px;
  --radius-s: 4px;
  --radius-m: 6px;
  --radius-full: 999px; /* reserved for dots/avatars only */

  /* Shadows — very soft, warm-tinted (never cool gray), used sparingly.
     Cards mostly rely on a hairline border instead of shadow. */
  --shadow-xs: 0 1px 2px oklch(0.2 0.01 60 / 0.06);
  --shadow-s: 0 2px 8px oklch(0.2 0.01 60 / 0.08);
  --shadow-m: 0 8px 24px oklch(0.2 0.01 60 / 0.10);
  --shadow-l: 0 24px 64px oklch(0.2 0.01 60 / 0.14);

  --border-w: 1px;
  --container-max: 1200px;

  /* Motion — slow, understated fades. No bounce, no spring. */
  --ease-standard: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --duration-fast: 150ms; /* @kind other */
  --duration-base: 300ms; /* @kind other */
  --duration-slow: 600ms; /* @kind other */
}