/* Dilook spacing (8pt base), radius, layout, motion, elevation */
:root {
  /* spacing scale */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 16px;
  --s-4: 24px;
  --s-5: 32px;
  --s-6: 48px;
  --s-7: 64px;
  --s-8: 96px;

  /* radii — rounded geometry echoing the wordmark */
  --r-sm: 12px;
  --r-md: 20px;
  --r-lg: 24px;    /* cards */
  --r-xl: 32px;    /* large containers */
  --r-pill: 999px; /* buttons, tags */

  /* layout grid */
  --content-max: 1280px; /* @kind spacing */
  --gutter: 24px; /* @kind spacing */
  --columns: 12; /* @kind other */

  /* elevation — flat brand: hairline border + one soft ambient shadow max */
  --shadow-card: 0 1px 2px rgba(25, 20, 36, 0.04);
  --shadow-pop: 0 24px 60px -24px rgba(99, 80, 129, 0.35);

  /* motion */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --dur-fast: 140ms; /* @kind other */
  --dur: 220ms; /* @kind other */
  --dur-slow: 420ms; /* @kind other */
}