/* ============================================
   JEE Prep Guide — Chemistry Notes Theme
   Green-ish gradient palette
   ============================================ */

/* === Base === */
body { font-family: 'Inter', sans-serif; }
html { scroll-behavior: smooth; }

/* === Topic Cards === */
.topic-card { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.topic-card:hover { transform: translateY(-6px); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }

/* === Content Boxes — Green / Emerald tints === */
.formula-box { background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%); }
.example-box { background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%); }
.warning-box { background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); }
.tip-box    { background: linear-gradient(135deg, #f0fdfa 0%, #ccfbf1 100%); }
.important-box { background: linear-gradient(135deg, #ecfdf5 0%, #a7f3d0 100%); }

/* === Code === */
pre  { background: #0f1f1b; color: #e2e8f0; padding: 1rem; border-radius: 0.75rem; overflow-x: auto; }
code { background: #0f1f1b; color: #34d399; padding: 0.2rem 0.5rem; border-radius: 0.25rem; font-family: 'JetBrains Mono', monospace; }

/* === Sidebar === */
.sticky-nav { position: sticky; top: 80px; max-height: calc(100vh - 100px); overflow-y: auto; }

/* === Math === */
.math-display { font-size: 1.1rem; padding: 1rem; margin: 1rem 0; overflow-x: auto; }

/* === Diagram Box === */
.diagram-box { background: #f0fdf4; border: 2px dashed #86efac; padding: 2rem; text-align: center; }

/* === Custom Scrollbar === */
::-webkit-scrollbar       { width: 10px; }
::-webkit-scrollbar-track { background: #ecfdf5; }
::-webkit-scrollbar-thumb { background: #6ee7b7; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #10b981; }

/* === Tables — Green header === */
.custom-table { border-collapse: separate; border-spacing: 0; overflow: hidden; border-radius: 12px; }
.custom-table thead { background: linear-gradient(135deg, #059669 0%, #047857 100%); }
.custom-table tbody tr:hover { background: #ecfdf5; }