/* Shape, layout & motion tokens
   GENERATED by scripts/gen-design-kit.mjs from apps/calvin/src/app/globals.css.
   Do not edit here — an edit is a value the app does not have, which is the drift
   this file exists to end. Change globals.css and re-run.
   The system is documented in apps/calvin/DESIGN_SYSTEM.md. */

:root {
  --radius: 16px;
  --radius-md: 12px;
  --radius-sm: 10px;
  --radius-xs: 8px;
  --radius-2xs: 6px;
  --radius-pill: 999px;
  --tap-min: 34px;
  --app-w: 440px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --dur-1: 0.12s; /* @kind other */
  --dur-2: 0.22s; /* @kind other */
  --dur-3: 0.34s; /* @kind other */
  --hairline: inset 0 1px 0 rgba(255, 255, 255, 0.045); /* @kind shadow */
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-2: 0 4px 16px rgba(0, 0, 0, 0.35);
  --shadow-3: 0 10px 34px rgba(0, 0, 0, 0.5);
  --press-scale: 0.965; /* @kind other */
  --sheet-radius: 22px;
  --tabbar-h: 56px;
  --page-pad-top: 16px;
  --page-gutter: 12px;
  --page-pad-bottom: 96px;
}