/* ============================================
   JEE Prep Guide — Physics Notes Theme
   Purple-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 — Purple / Indigo tints === */
.formula-box { background: linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 100%); }
.example-box { background: linear-gradient(135deg, #ede9fe 0%, #ddd6fe 100%); }
.warning-box { background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); }
.tip-box    { background: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%); }
.important-box { background: linear-gradient(135deg, #fae8ff 0%, #f5d0fe 100%); }

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

/* === Phasor / special diagrams (physics-specific) === */
.phasor-diagram {
    background: white;
    border: 2px solid #e9d5ff;
    border-radius: 12px;
    padding: 20px;
    position: relative;
}

/* === Custom Scrollbar === */
::-webkit-scrollbar       { width: 10px; }
::-webkit-scrollbar-track { background: #f5f3ff; }
::-webkit-scrollbar-thumb { background: #a78bfa; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #7c3aed; }

/* === Tables — Purple header === */
.custom-table { border-collapse: separate; border-spacing: 0; overflow: hidden; border-radius: 12px; }
.custom-table thead { background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%); }
.custom-table tbody tr:hover { background: #f5f3ff; }