/* themes/default/assets/css/style.css */
:root { --theme-primary: #1a4fd6; }

/* Typography */
h1,h2,h3,h4,h5,h6 { font-weight: 700; }

/* Post content */
.post-content img { max-width: 100%; border-radius: 8px; margin: 16px 0; }
.post-content h2 { font-size: 1.5rem; margin: 32px 0 16px; border-bottom: 2px solid #f1f5f9; padding-bottom: 8px; }
.post-content h3 { font-size: 1.25rem; margin: 24px 0 12px; }
.post-content blockquote { border-left: 4px solid var(--theme-primary); padding: 12px 20px; background: #f8fafc; margin: 20px 0; border-radius: 0 8px 8px 0; font-style: italic; }
.post-content pre { background: #1e293b; color: #e2e8f0; padding: 16px; border-radius: 8px; overflow-x: auto; }
.post-content table { width: 100%; border-collapse: collapse; margin: 20px 0; }
.post-content table th { background: var(--theme-primary); color: #fff; padding: 10px 14px; }
.post-content table td { padding: 10px 14px; border-bottom: 1px solid #e2e8f0; }
.post-content table tr:hover td { background: #f8fafc; }

/* Card */
.card-hover { transition: transform .2s, box-shadow .2s; }
.card-hover:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,.1) !important; }

/* Badges */
.badge-cat { background: rgba(26,79,214,.1); color: #1a4fd6; padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 600; }

/* Form */
.form-control:focus { border-color: var(--theme-primary); box-shadow: 0 0 0 3px rgba(26,79,214,.1); }

/* Pagination */
.page-item.active .page-link { background: var(--theme-primary); border-color: var(--theme-primary); }
.page-link { color: var(--theme-primary); }
.page-link:hover { color: var(--theme-primary); }

/* Navbar */
.navbar .nav-link:hover { color: var(--theme-primary) !important; }
.navbar .nav-link.active { color: var(--theme-primary) !important; font-weight: 600; }

/* Responsive */
@media (max-width: 576px) {
    h1 { font-size: 1.5rem !important; }
    .hero-title { font-size: 1.8rem !important; }
}
