/* Emkan Futures — Spacing, radius, shadow, border & motion tokens */
:root {
  /* Spacing — 4px base grid */
  --space-0:  0;
  --space-1:  0.25rem; /* 4 */
  --space-2:  0.5rem;  /* 8 */
  --space-3:  0.75rem; /* 12 */
  --space-4:  1rem;    /* 16 */
  --space-5:  1.5rem;  /* 24 */
  --space-6:  2rem;    /* 32 */
  --space-7:  2.5rem;  /* 40 */
  --space-8:  3rem;    /* 48 */
  --space-9:  4rem;    /* 64 */
  --space-10: 5rem;    /* 80 */
  --space-12: 7rem;    /* 112 */

  /* Radii — the brochure uses generously soft corners */
  --radius-xs:  4px;
  --radius-sm:  8px;
  --radius-md:  12px;
  --radius-lg:  16px;   /* cards */
  --radius-xl:  22px;   /* large panels / dark callout */
  --radius-pill:999px;  /* chips, tags, tag-pills */

  /* Borders */
  --border-hair: 1px; /* @kind other */
  --border-thick: 1.5px; /* @kind other */

  /* Shadows — soft, warm, low-contrast (never harsh) */
  --shadow-xs: 0 1px 2px rgba(18,18,18,0.04);
  --shadow-sm: 0 1px 3px rgba(18,18,18,0.06), 0 1px 2px rgba(18,18,18,0.04);
  --shadow-md: 0 6px 18px -6px rgba(18,79,68,0.12), 0 2px 6px rgba(18,18,18,0.05);
  --shadow-lg: 0 18px 40px -12px rgba(18,79,68,0.18), 0 6px 14px rgba(18,18,18,0.06);
  --shadow-pine:0 14px 30px -10px rgba(10,75,63,0.35);

  /* Layout */
  --container: 1200px; /* @kind other */
  --container-narrow: 880px; /* @kind other */

  /* Motion — quick, calm, no bounce */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 200ms; /* @kind other */
  --dur-slow: 360ms; /* @kind other */
}