/* ============================================================
   Time Sellers — Radius, shadow, blur & motion tokens
   Dark only. Generated into the design system's tokens.json
   (design-system/tools/gen-tokens.mjs).

   RADIUS NAMESPACE: the design's token file also declared --radius-xs … --radius-2xl
   (6 / 10 / 14 / 20 / 28 / 36 px). Those names are Tailwind's radius scale
   (`rounded-*` reads them, and the vendored shadcn components read
   var(--radius-md) directly), so in every consumer the design's own shadcn
   bridge overrode four of them and the other two silently re-sized
   `rounded-xs` / `rounded-2xl`. One name, one definition: the Tailwind radius
   scale belongs to shadcn-theme.css (derived from --radius, exactly as the
   design renders it), and the custom parts (dock 26 / 14 px, card bezel
   40 / 28 px, …) carry their pixel values from the design literally.
   ============================================================ */
:root {
  /* ---- Corner radii (names outside Tailwind's scale) ---- */
  --radius-pill: 999px;
  --radius-card: 16px;

  /* ---- Elevation — deep cool ambient depth ---- */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-sm: 0 2px 10px rgba(0,0,0,0.5);
  --shadow-md: 0 8px 28px rgba(0,0,0,0.55);
  --shadow-lg: 0 20px 56px rgba(0,0,0,0.6);
  --shadow-mascot: 0 4px 18px rgba(0,0,0,0.5);
  /* focused / accent glow */
  --glow-accent: 0 0 0 2px var(--focus-ring);
  --glow-cta:    0 8px 28px rgba(47,111,238,0.35);

  /* ---- Blur (glass surfaces: nav, floating pills) ---- */
  --blur-glass: 16px;

  /* ---- Motion ---- */
  --dur-fast:   120ms;
  --dur-base:   200ms;
  --dur-slow:   320ms;
  --dur-slower: 500ms;
  --ease-out:    cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}