/* Elevation — two families, each always two layers (short contact + long
   diffuse). Never a one-line box-shadow.
   book*  = objects with physical weight in the product metaphor (covers ONLY).
            Its diffuse layer is tinted with Midnight Navy, and the hover
            state picks up a copper rim — that warmth is what reads as
            "editorial" instead of "generic UI elevation".
   surface-raised / modal = every other UI elevation, neutral.
   Radii: the product uses Tailwind's own scale, no custom --radius-*.
   Recorded here as reference values, not as a parallel scale to invent from. */
:root {
  --shadow-book: 0 1px 2px rgba(24, 32, 47, 0.06), 0 16px 32px -12px rgba(24, 32, 47, 0.22);
  --shadow-book-hover: 0 2px 4px rgba(24, 32, 47, 0.08), 0 0 0 1px rgba(184, 115, 79, 0.25),
    0 28px 48px -14px rgba(24, 32, 47, 0.32);
  --shadow-surface-raised: 0 1px 2px rgba(24, 32, 47, 0.05), 0 8px 20px -8px rgba(24, 32, 47, 0.14);
  --shadow-modal: 0 4px 8px rgba(24, 32, 47, 0.08), 0 32px 64px -16px rgba(24, 32, 47, 0.26);

  --radius-sm: 0.375rem;  /* rounded-md — toolbar buttons */
  --radius-md: 0.5rem;    /* rounded-lg — inputs, buttons, small cards */
  --radius-lg: 0.75rem;   /* rounded-xl — stat cards, list cards */
  --radius-xl: 1rem;      /* rounded-2xl — poem cards, dialogs */
  --radius-full: 9999px;  /* avatars, badges, pills, zen toolbar */
  --radius-squircle: 28%; /* gift badge only */
}

.dark {
  --shadow-book: 0 0 0 1px rgba(220, 225, 230, 0.06), 0 16px 32px -10px rgba(9, 13, 20, 0.6);
  --shadow-book-hover: 0 0 0 1px rgba(201, 133, 95, 0.35), 0 8px 16px -4px rgba(201, 133, 95, 0.18),
    0 28px 48px -12px rgba(9, 13, 20, 0.7);
  --shadow-surface-raised: 0 0 0 1px rgba(220, 225, 230, 0.06), 0 8px 20px -6px rgba(9, 13, 20, 0.55);
  --shadow-modal: 0 0 0 1px rgba(220, 225, 230, 0.08), 0 32px 64px -16px rgba(9, 13, 20, 0.75);
}