/* Design tokens lifted directly from the QML app's hardcoded colors/spacing (see
   documents/Pick66_Overview.md's cross-cutting design-tokens table) — kept as-is so the
   PWA looks like the same app, not a redesign. */
:root {
  --bg: #1f1f1f;
  --bg-overlay: ghostwhite; /* login/signup/loading/error screens */
  --accent: #00bfff;
  --accent-dim: #008fcf;
  --divider: #191919;
  --divider-2: #090909;
  --text-on-dark: #f0f0f0;

  --success: #33cc33;
  --fail: #cc3333;

  --btn-unselected: #808480;
  --btn-selected: #151815;
  --btn-down: #101210;
  --btn-back-unselected: #393d39;
  --btn-back-selected: #191d19;
  --btn-back-down: #090d09;

  --row-even: #2f2f2f;
  --row-odd: #0f0f0f;

  --radius: 16px;
  --nav-height: 72px;
  /* Added 2026-08-14 with the floating-glass-capsule nav redesign — the gap between the bar and
     the screen edge, factored out since base.css's #screen-root padding-bottom needs to know it
     too (so scrolled content never hides underneath), not just bottomNav's own positioning. */
  --nav-float-gap: 14px;
  --speed-fast: 50ms;
  --speed-slide: 300ms;

  /* Added for the 2026-08 pick-screen redesign ("feel good to pick" — see
     Documents/roadmap.md and js/screens/pickStack.js): a slight-overshoot easing for
     selection/press-release "pop" feedback, distinct from --speed-fast/--speed-slide which are
     both plain linear-purpose fades/slides with no bounce. */
  --speed-spring: 380ms;
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  /* Added 2026-08-16 at the user's request: the pick-stack riffle (css/screens.css's .swipe-card
     transition — a peek card advancing a slot, or being promoted to the front card, after a
     swipe commits) felt like it should be "a little bouncier". Deliberately a separate token
     from --ease-spring itself rather than turning that one up, since --ease-spring is shared by
     two unrelated animations (the bottom-nav's collapse/expand bounce, and the pick-list's
     saved/error checkmark pop) that weren't part of this ask and shouldn't change just because
     the riffle did. Same curve family, just a stronger overshoot (1.9 vs 1.56) — same duration,
     since the ask was for a bit more bounce, not a slower or snappier motion. Also governs the
     undo "fly back onto the stack" flourish (js/screens/pickStack.js's playReturningCard), which
     intentionally hands control back to this same class-level transition rather than carrying its
     own easing, so the two stay visually matched. */
  --ease-spring-riffle: cubic-bezier(0.34, 1.9, 0.64, 1);
  /* Added 2026-08-15 at the user's request to make the bottom-nav's scroll-collapse/expand read
     as a slower, more visible "liquidy bounce" rather than the brisk plain-ease --speed-slide it
     used before — reuses --ease-spring's existing overshoot curve (already established above for
     the pick-card swipe/save-pop feedback) rather than inventing a second bounce curve, just
     paired with a slower duration since --speed-spring's 380ms was tuned for a quick card-swipe
     snap, not a bar that should visibly settle. */
  --nav-collapse-duration: 550ms;

  --app-max-width: 480px;
}