/* MileMind spacing & radii — mirrors MMSpacing and MMRadius in Theme.swift. */

:root {
  /* Context constants (screen & card chrome) --------------------------- */
  --mm-screen-h: 22px;       /* horizontal padding for tab screens */
  --mm-onboarding-h: 24px;   /* horizontal padding for onboarding screens */
  --mm-card-padding: 18px;   /* default internal card padding (.mmCard) */
  --mm-card-gap: 12px;       /* gap between stacked cards / grid items */
  --mm-sheet-top: 34px;      /* top inset clearing the sheet grabber */

  /* Numeric scale — canonical steps for new spacing -------------------- */
  --mm-space-xs: 4px;
  --mm-space-sm: 8px;
  --mm-space-md: 12px;
  --mm-space-lg: 16px;
  --mm-space-xl: 20px;
  --mm-space-xxl: 24px;
  --mm-space-xxxl: 32px;

  /* Radii -------------------------------------------------------------- */
  --mm-radius-button: 16px;        /* primary buttons, Apple sign-in, paywall CTA */
  --mm-radius-card: 24px;          /* .mmCard() content cards */
  --mm-radius-vehicle-card: 26px;  /* vehicle strip / cards */
  --mm-radius-sheet: 28px;         /* bottom-sheet presentation corner */
  --mm-radius-field: 18px;         /* bordered form tiles (FieldCard, StatTile) */
  --mm-radius-row: 16px;           /* tappable list rows (LogbookRow, SettingsRow) */
  --mm-radius-icon-tile: 13px;     /* 44pt accent icon tiles */
  --mm-radius-pill: 999px;         /* capsules */
}