:root {
    /* Brand Colors - Polished Vibrant Purple */
    --primary: #6A4CFF;
    /* Reference Primary */
    --primary-hover: #5639E0;
    /* Reference Darker State */
    --primary-dark: #4B249B;
    /* Deep Background Purple */
    --primary-light: #EBE5FF;
    /* Soft Lavender Tint */

    --secondary: #FF4D8D;
    /* Hot Pink */
    --accent: #FFD166;
    /* Gold/Yellow */

    /* Backgrounds */
    --bg-body: #FDFDFF;
    /* Clean/Bright White */
    --bg-surface: #FFFFFF;
    /* Pure White */
    --bg-glass: rgba(255, 255, 255, 0.7);

    /* Text */
    --text-main: #1A1A1A;
    /* Deep Charcoal */
    --text-muted: #666666;
    /* Medium Grey */
    --text-on-primary: #FFFFFF;

    /* Spacing & Radius */
    --radius-sm: 12px;
    --radius-md: 20px;
    --radius-lg: 32px;
    --radius-pill: 50px;

    /* Shadows (Polished Soft Depth) */
    --shadow-sm: 0 4px 12px rgba(106, 76, 255, 0.05);
    --shadow-md: 0 10px 30px rgba(106, 76, 255, 0.08);
    --shadow-lg: 0 20px 60px rgba(106, 76, 255, 0.15);
    --shadow-neon: 0 0 30px rgba(106, 76, 255, 0.4);

    /* Typography */
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Inter', sans-serif;
}

[data-theme="dark"] {
    --bg-body: #0a0b1e;
    --bg-surface: #15162c;
    --bg-glass: rgba(21, 22, 44, 0.7);
    --text-main: #FFFFFF;
    --text-muted: #B2BEC3;
    --shadow-sm: 0 4px 6px rgba(0, 0, 0, 0.3);
}

/* Premium Golden Effect for Admin Panel */
.admin-container .sidebar {
    border-right: 4px solid var(--accent);
    box-shadow: 2px 0 20px rgba(255, 209, 102, 0.08);
}

.admin-container .sidebar h2 {
    color: var(--accent);
    border-left: 4px solid var(--accent);
    background: linear-gradient(90deg, var(--accent) 0%, transparent 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.admin-container .sidebar a.active,
.admin-container .sidebar a:hover {
    background: linear-gradient(90deg, var(--accent) 0%, var(--primary-dark) 100%);
    color: #fff;
    box-shadow: 0 2px 8px rgba(255, 209, 102, 0.12);
}

.admin-container .sidebar a {
    border-left: 3px solid transparent;
    transition: border 0.3s, background 0.3s, color 0.3s;
}

.admin-container .sidebar a.active {
    border-left: 3px solid var(--accent);
}

.admin-dashboard-premium {
    background: linear-gradient(120deg, #fffbe6 0%, #fff 100%);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg), 0 0 0 2px var(--accent);
    padding: 2rem;
}

.admin-dashboard-premium h1,
.admin-dashboard-premium h2,
.admin-dashboard-premium h3 {
    color: var(--accent);
    font-family: var(--font-heading);
    letter-spacing: 1px;
    text-shadow: 0 2px 8px rgba(255, 209, 102, 0.15);
}

.admin-dashboard-premium .btn,
.admin-dashboard-premium button {
    background: linear-gradient(90deg, var(--accent) 0%, var(--primary) 100%);
    color: #fff;
    border: none;
    border-radius: var(--radius-pill);
    box-shadow: 0 2px 8px rgba(255, 209, 102, 0.15);
    font-weight: 600;
    padding: 0.7rem 2rem;
    transition: background 0.3s, box-shadow 0.3s;
}

.admin-dashboard-premium .btn:hover,
.admin-dashboard-premium button:hover {
    background: linear-gradient(90deg, var(--primary) 0%, var(--accent) 100%);
    box-shadow: 0 4px 16px rgba(255, 209, 102, 0.25);
}

/* Premium Blog Table Enhancements */
.admin-dashboard-premium .blogs-table-container {
    border: 2px solid var(--accent);
    box-shadow: var(--shadow-lg), 0 0 20px rgba(255, 209, 102, 0.1);
}

.admin-dashboard-premium .admin-table thead {
    background: linear-gradient(90deg, var(--primary-dark) 0%, var(--primary) 100%);
}

.admin-dashboard-premium .admin-table th {
    color: var(--accent);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 0.85rem;
}

.admin-dashboard-premium .admin-table tbody tr:hover {
    background: linear-gradient(90deg, rgba(255, 209, 102, 0.05) 0%, transparent 100%);
    border-left: 3px solid var(--accent);
}

.admin-dashboard-premium .category-badge {
    background: linear-gradient(135deg, var(--accent) 0%, var(--primary) 100%);
    color: white;
    font-weight: 600;
    box-shadow: 0 2px 6px rgba(255, 209, 102, 0.2);
}

.admin-dashboard-premium .status-published {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    color: #1A1A1A;
    font-weight: 600;
    box-shadow: 0 2px 4px rgba(255, 215, 0, 0.3);
}

.admin-dashboard-premium .btn-icon:hover {
    transform: scale(1.3);
    filter: drop-shadow(0 2px 8px rgba(255, 209, 102, 0.4));
}

.admin-dashboard-premium .filter-tab.active {
    color: var(--accent);
    border-bottom-color: var(--accent);
    font-weight: 700;
    text-shadow: 0 0 10px rgba(255, 209, 102, 0.3);
}

.admin-dashboard-premium .admin-header h1 {
    background: linear-gradient(90deg, var(--accent) 0%, var(--primary) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}