/* ============================================================
   Wird — Spacing, Radii, Shadow, Sizing
   An 8pt base grid (with a 4pt half-step) — the iOS rhythm.
   Soft, generous; "white space as breathing room."
   ============================================================ */

:root {
  /* — Spacing scale (8pt grid) — */
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;   /* default screen gutter */
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* — Layout — */
  --screen-gutter: 20px;        /* edge padding on phone screens */
  --row-height: 64px;           /* Ibadah row min height */
  --summary-row-height: 48px;
  --tab-bar-height: 56px;
  --touch-min: 44px;            /* iOS minimum hit target */

  /* — Corner radii — */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;            /* cards, inputs */
  --radius-lg: 20px;            /* sheets, large cards */
  --radius-xl: 28px;
  --radius-pill: 999px;
  --radius-icon: 22.37%;        /* iOS app-icon squircle ratio */

  /* — Elevation (soft, low-contrast; airy not heavy) — */
  --shadow-card: 0 1px 2px rgba(16, 18, 40, 0.04), 0 6px 16px rgba(16, 18, 40, 0.05);
  --shadow-sheet: 0 -2px 8px rgba(16, 18, 40, 0.05), 0 -16px 40px rgba(16, 18, 40, 0.10);
  --shadow-pop: 0 8px 30px rgba(16, 18, 40, 0.14);

  /* — Motion — */
  --ease-standard: cubic-bezier(0.4, 0.0, 0.2, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --dur-fast: 140ms; /* @kind other */
  --dur-base: 220ms; /* @kind other */
  --dur-slow: 320ms; /* @kind other */
}