/* LxCortex — spacing, radii, shadows, motion
   Strict grid underneath; the hand-drawn marker sits ON TOP as accent. */
:root {
  /* ---- spacing scale (4px base) ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  /* section padding — generous, editorial */
  --section-pad-y: 64px;
  --section-pad-x: 7vw;

  /* ---- radii — soft, friendly, never pill-clinical ---- */
  --radius-sm:  8px;
  --radius-md:  12px;  /* default card */
  --radius-lg:  14px;  /* large card / product */
  --radius-xl:  20px;
  --radius-pill: 999px;

  /* ---- borders ---- */
  --border-width: 1px;
  --border-width-bold: 1.5px;

  /* ---- shadows — restrained; warmth comes from colour, not float ---- */
  --shadow-none: none;
  --shadow-sm: 0 1px 0 rgba(35,23,17,.06);
  --shadow-card: 0 8px 24px -16px rgba(35,23,17,.40);
  --shadow-pop:  0 18px 40px -20px rgba(35,23,17,.45);

  /* ---- motion — calm, no bounce; a confident ease ---- */
  --ease-out: cubic-bezier(.22,.61,.36,1); /* @kind other */
  --ease-in-out: cubic-bezier(.65,.05,.36,1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 220ms; /* @kind other */
  --dur-slow: 380ms; /* @kind other */

  /* ---- container ---- */
  --container: 860px;
  --container-wide: 1160px;
}