/* ==========================================================================
   The OpenClaw Book — Custom Styles
   ========================================================================== */

/* Base typography */
body { font-family: 'Inter', system-ui, sans-serif; }
.font-serif { font-family: Georgia, Cambria, serif; }
.font-mono { font-family: 'JetBrains Mono', 'Fira Code', monospace; }

/* Subtle grid background */
.grid-bg {
  background-image:
    linear-gradient(rgba(0,0,0,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,0,0,0.03) 1px, transparent 1px);
  background-size: 40px 40px;
}

/* Animated gradient border for CTAs */
.glow-border {
  background: linear-gradient(135deg, #dc2626, #f97316, #dc2626);
  background-size: 200% 200%;
  animation: glow 3s ease-in-out infinite;
}
@keyframes glow {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

/* Fade in on scroll */
.fade-up {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Book page styling */
.book-page {
  background: white;
  box-shadow:
    0 1px 3px rgba(0,0,0,0.08),
    0 8px 30px rgba(0,0,0,0.05),
    inset 0 -1px 0 rgba(0,0,0,0.05);
}

/* Chapter page fade overlay */
.chapter-fade {
  background: linear-gradient(
    to bottom,
    transparent 0%,
    transparent 40%,
    rgba(255,255,255,0.15) 50%,
    rgba(255,255,255,0.35) 60%,
    rgba(255,255,255,0.6) 70%,
    rgba(255,255,255,0.8) 80%,
    rgba(255,255,255,0.92) 88%,
    rgb(255,255,255) 95%
  );
}

/* Version badge pulse */
.pulse-subtle {
  animation: pulse-subtle 2s ease-in-out infinite;
}
@keyframes pulse-subtle {
  0%, 100% { opacity: 0.7; }
  50% { opacity: 1; }
}