/* ?? Light Purple Theme (Activate via: body.light {}) */

body.light {
    background: #f7f5ff !important;
    color: #2b1f3a !important;
}

/* Cards */
body.light .card {
    background: #faf7ff !important;
    border-radius: 16px !important;
    box-shadow: 0 6px 22px rgba(114, 46, 209, .15) !important;
}
body.light .card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 14px 38px rgba(114, 46, 209, .28) !important;
}
body.light .card-body {
    color: #2b1f3a !important;
}
body.light .card-title {
    color: #1e1130 !important;
    font-weight: 600 !important;
}
body.light .card-category {
    color: #6d28d9 !important;
}
body.light .card-meta {
    color: #6b5c8e !important;
}
body.light .card-image-wrapper,
body.light .card-image-placeholder {
    background: radial-gradient(circle at top, #e8d8ff, #d1b8ff 80%) !important;
}
body.light .card-image-placeholder {
    color: #4a3f5e !important;
}

/* Category Filters */
body.light .category-pill {
    background: #ffffff !important;
    border: 1px solid #d9c4ff !important;
    color: #4a3a66 !important;
}
body.light .category-pill.active {
    background: #e8d8ff !important;
    color: #6d28d9 !important;
    border-color: #a855f7 !important;
    font-weight: 600 !important;
}

/* Cards section background */
body.light .cards-section {
    background: #f7f5ff !important;
}

/* Pagination */
body.light .pagination a {
    background: #ffffff !important;
    border: 1px solid #c7b7ef !important;
    color: #4a3a66 !important;
}
body.light .pagination a.active {
    background: linear-gradient(135deg, #a855f7, #6366f1) !important;
    color: #fff !important;
    border: none !important;
}

/* ARTICLE */
body.light .article-header h1 {
    background: linear-gradient(135deg, #a855f7, #6366f1) !important;
    -webkit-background-clip: text !important;
    color: transparent !important;
}
body.light .article-meta {
    color: #6b5c8e !important;
}
body.light .article-body {
    color: #2b1f3a !important;
}
body.light .article-hero-image {
    box-shadow: 0 6px 28px rgba(114, 46, 209, .35) !important;
}

/* Links in articles */
body.light .article-body a {
    color: #6d28d9 !important;
    text-decoration: underline;
}

/* Code blocks inside articles */
body.light pre,
body.light code {
    background: #efe7ff !important;
    color: #2b1f3a !important;
    border-radius: 6px !important;
    padding: 6px !important;
}

/* Tables inside articles */
body.light table {
    background: #ffffff !important;
    border: 1px solid #d9c4ff !important;
}
body.light th {
    background: #e8d8ff !important;
    color: #2b1f3a !important;
}
/* Fix Logo & Header in Light Mode */
body.light .site-header,
body.light .site-header * {
    color: #e5e7eb !important; /* Keep text light */
}

body.light .logo-badge {
    background: linear-gradient(135deg,#a855f7,#6366f1) !important;
    color: #ffffff !important;
}

body.light .logo-text strong {
    color: #ffffff !important;
}

body.light .logo-text span {
    color: #cbd5e1 !important; /* light grey */
}
/* === FIX: Keep Header Dark in Light Mode === */

body.light .site-header {
    background: linear-gradient(90deg,#1f2937,#111827) !important;
    color: #e5e7eb !important;
}

/* Logo Badge */
body.light .logo-badge {
    background: linear-gradient(135deg,#a855f7,#6366f1) !important;
    color: #ffffff !important;
    border: none !important;
}

/* Logo Text */
body.light .logo-text strong {
    color: #ffffff !important;
}
body.light .logo-text span {
    color: #cbd5e1 !important;
}

/* Navigation */
body.light .main-nav a {
    color: #e5e7eb !important;
}
body.light .main-nav a:hover {
    color: #c4b5fd !important;
}

/* Ensure everything in header stays readable */
body.light .site-header * {
    text-shadow: none !important;
}