/* MindFit — Spacing, radius, touch-target, motion, shadow tokens
   (verbatim from mindfitDesignTokens.cjs) */

:root {
  /* Spacing scale */
  --mf-space-1: 4px;
  --mf-space-2: 8px;
  --mf-space-3: 16px;
  --mf-space-4: 24px;
  --mf-space-5: 32px;
  --mf-space-6: 40px;
  --mf-space-xl: 32px;
  --mf-space-7: 60px;
  --mf-space-8: 80px;
  --mf-space-9: 100px;
  --mf-space-10: 144px;

  /* Screen / layout rhythm */
  --mf-screen-x: 24px;
  --mf-section-y: 28px;
  --mf-compact-y: 14px;
  --mf-module-gap: 18px;
  --mf-room-gap: 32px;
  --mf-nav-height: 78px;

  /* Radius — avoid identical squircles everywhere; radius implies surface */
  --mf-radius-xs: 10px;
  --mf-radius-sm: 14px;
  --mf-radius-app: 14px;
  --mf-radius-md: 20px;
  --mf-radius-lg: 28px;
  --mf-radius-card: 28px;
  --mf-radius-panel: 32px;
  --mf-radius-sheet: 34px;
  --mf-radius-hero: 36px;
  --mf-radius-nav: 100px;
  --mf-radius-pill: 999px;

  /* Touch targets */
  --mf-touch-min: 44px;
  --mf-touch-comfort: 48px;
  --mf-touch-large: 56px;
  --mf-touch-xl: 66px;

  /* Motion */
  --mf-ease-firm: cubic-bezier(0.2, 0.8, 0.2, 1); /* @kind other */
  --mf-ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --mf-ease-in: cubic-bezier(0.4, 0, 1, 1); /* @kind other */
  --mf-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --mf-duration-instant: 80ms; /* @kind other */
  --mf-duration-fast: 120ms; /* @kind other */
  --mf-duration-base: 200ms; /* @kind other */
  --mf-duration-slow: 320ms; /* @kind other */
  --mf-duration-page: 480ms; /* @kind other */

  /* Shadows */
  --mf-shadow-soft: 0 10px 16px rgba(0, 0, 0, 0.18);
  --mf-shadow-card: 0 16px 24px rgba(0, 0, 0, 0.24);
  --mf-shadow-pop: 0 24px 30px rgba(0, 0, 0, 0.35);
}