/* ============================================================
   YUV.AI — SPACING, RADII & SIZING
   8-pt rhythm. Radii follow Apple's generous, continuous-corner
   feel (sheet radii 34/38/58 from the iOS kit inform the top end).
   ============================================================ */

:root {
  /* ---- Spacing (8-pt grid + half steps) ---- */
  --space-0:  0;
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;   /* iPhone margin */
  --space-5:  20px;   /* iPad margin */
  --space-6:  24px;
  --space-7:  32px;
  --space-8:  40px;
  --space-9:  48px;
  --space-10: 64px;
  --space-11: 80px;
  --space-12: 96px;
  --space-13: 128px;
  --space-14: 160px;

  /* ---- Layout ---- */
  --margin-phone:  16px;
  --margin-tablet: 20px;
  --content-max:   1200px;
  --readable-max:  680px;

  /* ---- Radii (rounded, Apple-generous) ---- */
  --radius-xs:   6px;
  --radius-sm:   10px;
  --radius-md:   14px;
  --radius-lg:   20px;
  --radius-xl:   28px;
  --radius-2xl:  38px;   /* sheet / iPad card */
  --radius-3xl:  58px;   /* large sheet */
  --radius-full: 999px;

  /* ---- Control heights ---- */
  --control-sm: 32px;
  --control-md: 40px;
  --control-lg: 48px;   /* min 44px tap target satisfied */
  --control-xl: 56px;

  /* ---- Borders ---- */
  --border-hairline: 1px;
  --border-regular:  1.5px;
  --border-thick:    2px;
}