/* Spacing, radii and elevation lifted from the app's screens. */
:root{
  --space-1:2px;
  --space-2:4px;
  --space-3:8px;
  --space-4:10px;
  --space-5:12px;
  --space-6:16px;
  --space-7:20px;
  --space-8:24px;
  --space-9:28px;
  --space-10:32px;
  --space-11:36px;

  /* Layout */
  --screen-padding-x:32px;
  --screen-padding-top:28px;
  --settings-row-gap:30px;
  --sheet-padding-x:24px;

  /* Radii */
  --radius-widget-pill:10px;
  --radius-banner:12px;
  --radius-button:14px;
  --radius-input:18px;
  --radius-dialog:22px;
  --radius-dock:24px;
  --radius-tab-island:24px;
  --radius-sheet:28px;
  --radius-widget-card:28px;
  --radius-preview-mat:36px;
  --radius-pill:999px;

  /* Hit targets */
  --min-touch:48px;
  --min-button-height:54px;
  --tab-island-height:64px;

  /* Elevation — the app uses one soft shadow, never a stack */
  --shadow-island:0 2px 8px rgba(0,0,0,0.18);

  /* Motion */
  --ease-out:cubic-bezier(0.33,1,0.68,1); /* @kind other */
  --dur-press-in:90ms; /* @kind other */
  --dur-press-out:160ms; /* @kind other */
  --dur-swap:240ms; /* @kind other */
  --dur-enter:420ms; /* @kind other */
  --dur-enter-slow:600ms; /* @kind other */
  --stagger:80ms; /* @kind other */
  --press-scale:0.98; /* @kind other */
}