/* ============================================================
   Japan Rabbit — Spacing, radii, shadows, motion
   ============================================================ */

:root {
  /* Spacing scale (Tailwind 0.25rem step) */
  --space-0: 0;
  --space-1: 0.25rem;  /* 4 */
  --space-2: 0.5rem;   /* 8 */
  --space-3: 0.75rem;  /* 12 */
  --space-4: 1rem;     /* 16 — card padding unit */
  --space-5: 1.25rem;  /* 20 */
  --space-6: 1.5rem;   /* 24 — section gap */
  --space-8: 2rem;     /* 32 */
  --space-12: 3rem;    /* 48 */
  --space-16: 4rem;    /* 64 — toolbar offset */

  /* Radii (Tailwind defaults + app extensions xs/sm) */
  --radius-xs: 2px;
  --radius-sm: 3px;     /* buttons (size-driven `rounded`) */
  --radius: 0.25rem;    /* 4px — inputs */
  --radius-md: 0.375rem;/* 6px — cards, alerts */
  --radius-lg: 0.5rem;  /* 8px */
  --radius-xl: 0.75rem; /* 12px */
  --radius-full: 9999px;/* pills, badges, avatars, nav tabs */

  /* Shadows (from tailwind.config.js + toolbar) */
  --shadow-xs: 0 1px 2px rgb(0 0 0 / 5%);          /* toolbar */
  --shadow-dropdown: 0 0 15px rgb(0 0 0 / 8%);     /* menus, popovers */
  --shadow-tooltip: 0 0 10px rgb(0 0 0 / 14%);     /* tooltips */
  --shadow-card: 0 1px 3px rgb(0 0 0 / 6%);        /* raised cards */

  /* Layout */
  --toolbar-h: 4rem;       /* desktop header */
  --toolbar-h-dense: 3rem;
  --content-max: 56rem;    /* max-w-4xl content column */

  /* Motion — easing from tailwind keyframes */
  --ease-standard: cubic-bezier(0.25, 0.1, 0.25, 1); /* @kind other */
  --ease-in-out: ease-in-out; /* @kind other */
  --dur-fast: 200ms; /* @kind other */
  --dur-base: 300ms; /* @kind other */
  --dur-slow: 400ms; /* @kind other */
}