/* ===========================================================================
   Cosmic Shradha — Spacing, radius, shadow, layout tokens
   =========================================================================== */

:root {
  /* ---- Spacing (the source works on a loose 4/8 rhythm with 15/16 gutters) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;   /* stacked-card gap */
  --space-4: 15px;   /* card inner padding (verbatim: cards inset 15px) */
  --space-5: 16px;   /* screen gutter / list-row gap */
  --space-6: 18px;
  --space-7: 24px;
  --space-8: 32px;

  --screen-gutter: 16px;      /* left/right page margin */
  --card-pad: 15px;           /* interior padding on white cards */

  /* ---- Radius (verbatim) ---- */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-card: 16px;        /* the ubiquitous white card */
  --radius-sheet: 24px;       /* top corners of the sheet that overlaps header */
  --radius-pill: 100px;       /* buttons, chips, avatars */
  --radius-input: 14px;       /* phone field / search field */

  /* ---- Shadows ---- */
  --shadow-avatar: 0px 15px 30px 0px rgba(0, 0, 0, 0.15);
  --shadow-card: 0px 4px 24px 0px rgba(38, 40, 48, 0.05);
  --shadow-raised: 0px 8px 24px 0px rgba(67, 25, 63, 0.14);
  --shadow-sheet: 0px -6px 24px 0px rgba(38, 40, 48, 0.08);
  --ring-avatar: inset 0 0 0 5px rgb(255, 255, 255); /* @kind shadow */

  /* ---- Device frame ---- */
  --device-w: 375px; /* @kind spacing */
  --tabbar-h: 83px; /* @kind spacing */
  --statusbar-h: 44px; /* @kind spacing */

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast: 140ms; /* @kind other */
  --dur-base: 220ms; /* @kind other */
  --dur-slow: 360ms; /* @kind other */
}