/* ============================================
   JEE Prep Guide — Maths Notes Theme
   Red-ish / Rose 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 — Rose / Red tints === */
.formula-box { background: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 100%); }
.example-box { background: linear-gradient(135deg, #fef2f2 0%, #fecaca 100%); }
.warning-box { background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); }
.tip-box    { background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%); }
.important-box { background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 100%); }

/* === Code === */
pre  { background: #1f0f0f; color: #e2e8f0; padding: 1rem; border-radius: 0.75rem; overflow-x: auto; }
code { background: #1f0f0f; color: #fb7185; 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: #fff5f5; border: 2px dashed #fca5a5; padding: 2rem; text-align: center; }

/* === Custom Scrollbar === */
::-webkit-scrollbar       { width: 10px; }
::-webkit-scrollbar-track { background: #fff1f2; }
::-webkit-scrollbar-thumb { background: #fda4af; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #e11d48; }

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