/* ================================
   EFFECT TOKENS - Corey's Bookshop
   Warm shadows, subtle transitions
   ================================ */

:root {
  /* Border Radius - Minimal for classical feel */
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 4px;
  --radius-full: 9999px;

  /* Shadows - Warm, subtle */
  --shadow-sm: 0 1px 3px rgba(44, 36, 24, 0.08);
  --shadow-md: 0 2px 8px rgba(44, 36, 24, 0.1), 0 1px 3px rgba(44, 36, 24, 0.06);
  --shadow-lg: 0 4px 16px rgba(44, 36, 24, 0.12), 0 2px 6px rgba(44, 36, 24, 0.08);
  --shadow-xl: 0 8px 24px rgba(44, 36, 24, 0.15), 0 4px 12px rgba(44, 36, 24, 0.1);

  /* Card Shadows */
  --shadow-card: 0 2px 8px rgba(44, 36, 24, 0.1), 0 4px 16px rgba(44, 36, 24, 0.08);
  --shadow-card-hover: 0 4px 12px rgba(44, 36, 24, 0.15), 0 8px 24px rgba(44, 36, 24, 0.1);

  /* Book-like Shadows */
  --shadow-book: 2px 2px 8px rgba(44, 36, 24, 0.15), 4px 4px 16px rgba(44, 36, 24, 0.1);
  --shadow-spine: inset -2px 0 4px rgba(0, 0, 0, 0.3), 2px 0 6px rgba(0, 0, 0, 0.2);

  /* Transitions - Smooth, unhurried */
  --transition-fast: 0.15s ease;
  --transition-base: 0.25s ease;
  --transition-slow: 0.4s ease;
  --transition-page: 0.4s cubic-bezier(0.4, 0, 0.2, 1);

  /* Transform Values */
  --lift-sm: translateY(-2px);
  --lift-md: translateY(-3px);

  /* Z-Index Layers */
  --z-base: 1;
  --z-dropdown: 10;
  --z-sticky: 100;
  --z-fixed: 500;
  --z-overlay: 900;
  --z-modal: 1000;

  /* Page Dimensions */
  --spine-width: 22px;
  --page-edge-width: 38px;
  --nav-height: 60px;
  --spine-width-mobile: 16px;
  --page-edge-width-mobile: 28px;

  /* Focus States - Gold accent */
  --focus-ring: 0 0 0 2px var(--color-gilded);
  --focus-ring-offset: 0 0 0 4px var(--color-warm-white);
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-fast: 0.01ms;
    --transition-base: 0.01ms;
    --transition-slow: 0.01ms;
    --transition-page: 0.01ms;
  }
}