/*
Skin Name: Vibrant & Trendy
*/

/* 1. Pengaturan Dasar & Latar */
body.skin-vibrant {
    background-color: #ffffff;
    color: #333; /* Warna teks lebih lembut dari hitam pekat */
}

/* 2. Tipografi yang Berani (Bold) */
body.skin-vibrant h1,
body.skin-vibrant h2 {
    font-weight: 800; /* Sangat tebal */
    color: transparent; /* Teks asli dibuat transparan */
    
    /* Efek Gradasi pada Teks Judul */
    background: linear-gradient(45deg, var(--primary-color-al-theme), hsl(320, 90%, 60%));
    -webkit-background-clip: text;
    background-clip: text;
}

body.skin-vibrant h1 {
    font-size: 48px !important; /* Judul utama sangat besar */
}

body.skin-vibrant h2 {
    font-size: 36px !important;
}

/* 3. Layout Terbuka & Minimalis */
body.skin-vibrant .bg-light {
    background-color: transparent !important; /* Hilangkan latar belakang kartu */
    box-shadow: none !important;
    padding-left: 0;
    padding-right: 0;
}

body.skin-vibrant .navbar {
    background-color: #ffffff !important;
    box-shadow: none !important;
    border-bottom: 1px solid #eee;
}

/* 4. Aksen pada Link & Elemen Interaktif */
body.skin-vibrant .post-content a,
body.skin-vibrant .page-content a {
    font-weight: bold;
    text-decoration: none !important;
    border-bottom: 2px solid var(--primary-color-al-theme);
    transition: background-color 0.2s ease-in-out;
}

body.skin-vibrant .post-content a:hover,
body.skin-vibrant .page-content a:hover {
    background-color: #f0f0f0;
}

body.skin-vibrant .page-item.active .page-link {
    background: linear-gradient(45deg, var(--primary-color-al-theme), hsl(320, 90%, 60%));
    border: none;
}