/* ============================================================
   BulkBook — Spacing, radius, shadow, motion tokens
   Base unit is 4px (mirrors the app's xs/sm/md/lg/xl scale).
   ============================================================ */

:root {
  /* ---- Spacing (4px base) ---- */
  --bb-space-1: 4px;
  --bb-space-2: 8px;
  --bb-space-3: 12px;
  --bb-space-4: 16px;
  --bb-space-5: 20px;
  --bb-space-6: 24px;
  --bb-space-8: 32px;
  --bb-space-10: 40px;
  --bb-space-12: 48px;

  /* ---- Radius ---- */
  --bb-radius-sm: 8px;   /* inputs, small controls */
  --bb-radius-md: 12px;  /* cards, buttons */
  --bb-radius-lg: 16px;  /* sheets, large cards */
  --bb-radius-xl: 20px;  /* app icon, hero tiles */
  --bb-radius-pill: 999px;

  /* ---- Borders ---- */
  --bb-border-width: 1px;

  /* ---- Shadows ----
     Dark UI leans on borders, not drop shadows. Shadows are reserved
     for true overlays (modals, the rest timer). Kept deep + soft. */
  --bb-shadow-none: none;
  --bb-shadow-card: 0 1px 0 rgba(255,255,255,0.02) inset;
  --bb-shadow-pop: 0 12px 32px -8px rgba(0,0,0,0.7);
  --bb-shadow-modal: 0 24px 64px -12px rgba(0,0,0,0.8);
  --bb-glow-gold: 0 0 0 1px rgba(245,200,0,0.4), 0 0 24px -4px rgba(245,200,0,0.35);

  /* ---- Motion ----
     Calm, instrument-like. Fades and quick eases. No bounces, no
     playful springs — the product is a precise readout. */
  --bb-ease: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --bb-ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --bb-dur-fast: 120ms; /* @kind other */
  --bb-dur: 200ms; /* @kind other */
  --bb-dur-slow: 320ms; /* @kind other */

  /* ---- Layout ---- */
  --bb-screen-max: 420px; /* mobile app frame width */
  --bb-tap-min: 44px;     /* minimum hit target */
}