/*
Theme Name: Dana Abadi UNJ
Theme URI: https://dana-abadi.unj.ac.id
Author: Universitas Negeri Jakarta
Author URI: https://unj.ac.id
Description: Custom WordPress Theme untuk Dana Abadi Universitas Negeri Jakarta.
Version: 1.0.0
Text Domain: dana-abadi-unj
*/

/* Custom Base CSS & Typography System */
@layer base {
    body {
        font-family: 'Inter', sans-serif;
        color: #191c1e;
        background-color: #f7f9fb;
        font-size: 0.875rem; /* text-sm */
        line-height: 1.6;
    }

    p {
        font-size: 0.875rem; /* text-sm */
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'Plus Jakarta Sans', sans-serif;
    }

    h1 {
        font-size: 2.25rem;
        font-weight: 800;
        line-height: 1.2;
    }

    /* 36px */
    h2 {
        font-size: 1.875rem;
        font-weight: 700;
        line-height: 1.3;
    }

    /* 30px */
    h3 {
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.4;
    }

    /* 20px */
    h4 {
        font-size: 1.125rem;
        font-weight: 700;
        line-height: 1.4;
    }

    /* 18px */
}

/* Glassmorphism utility */
.glass-header {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #006671;
}

/* Hero Background Gradient Overlay */
.hero-gradient {
    background: linear-gradient(135deg, rgba(0, 102, 113, 0.90) 0%, rgba(26, 78, 138, 0.85) 100%);
}

/* Animation utilities */
@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.slide-up {
    animation: slideUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}