/* static/style.css */

.book-stage-shadow {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.65), 
              0 15px 25px -10px rgba(0, 0, 0, 0.45);
}

.spine-gutter {
  background: linear-gradient(
    to right, 
    rgba(0, 0, 0, 0.05) 0%, 
    rgba(0, 0, 0, 0.28) 50%, 
    rgba(0, 0, 0, 0.05) 100%
  );
}

.trim-guide {
  border: 1px dashed rgba(239, 68, 68, 0.55);
}

.safe-guide {
  border: 1px dashed rgba(59, 130, 246, 0.55);
}

/* Default / Classic Amber */
.step-nav-btn.active {
  background-color: #d97706;
  color: #0c0a09;
  font-weight: 700;
}
.filmstrip-card.active {
  border-color: #d97706;
  box-shadow: 0 0 0 2px rgba(217, 119, 6, 0.4);
}

/* Option 1: Modern Studio (Bookify Classic Slate & Emerald) */
body.theme-opt1 .step-nav-btn.active {
  background: linear-gradient(135deg, #2563eb, #059669) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.35) !important;
}
body.theme-opt1 .filmstrip-card.active {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.45) !important;
}

/* Option 2: Minimalist Gallery (Obsidian Luxury & Cyan/Indigo) */
body.theme-opt2 .step-nav-btn.active {
  background: linear-gradient(135deg, #06b6d4, #4f46e5) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(6, 182, 212, 0.35) !important;
}
body.theme-opt2 .filmstrip-card.active {
  border-color: #06b6d4 !important;
  box-shadow: 0 0 0 2px rgba(6, 182, 212, 0.45) !important;
}

/* Custom scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.6);
}
::-webkit-scrollbar-thumb {
  background: rgba(100, 116, 139, 0.4);
  border-radius: 4px;
}
body.theme-opt1 ::-webkit-scrollbar-thumb:hover {
  background: rgba(59, 130, 246, 0.8);
}
body.theme-opt2 ::-webkit-scrollbar-thumb:hover {
  background: rgba(6, 182, 212, 0.8);
}
body.theme-classic ::-webkit-scrollbar-thumb:hover {
  background: rgba(217, 119, 6, 0.8);
}