/* style.css */
:root {
    --primary: #0F172A;
    --accent: #06B6D4;
    --gold: #D97706;
    --light: #F8FAFC;
    --fresh-500: #0ea5e9;
    --fresh-600: #0284c7;
    --fresh-900: #0c4a6e;
    --purple-600: #9333ea;
    --amber-600: #d97706;
    --emerald-600: #059669;
    --blue-100: #dbeafe;
    --purple-100: #f3e8ff;
    --orange-100: #ffedd5;
    --green-100: #dcfce7;
    --fresh-500: #0ea5e9;
    --fresh-400: #38bdf8;
    --green-400: #4ade80;
    --creative-50: #fff1f2;
    --creative-100: #ffe4e6;
    --creative-500: #f43f5e;
    --creative-600: #e11d48;
    --creative-900: #881337;
    --purple-600: #9333ea;
    --purple-500: #a855f7;
    --pink-500: #ec4899;
    --purple-100: #f3e8ff;
    --purple-200: #e9d5ff;
}

body {
    font-family: 'Inter', sans-serif;
    color: #334155;
    line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: var(--primary);
}

.nav-link {
    font-weight: 500;
    color: var(--primary);
}

.nav-link:hover,
.nav-link.active {
    color: var(--fresh-600) !important;
    font-weight: 500;
}

.text-fresh-600 {
    color: var(--fresh-600) !important;
}


.footer {
    background-color: #0f172a;
    color: #94a3b8;
}

.footer a {
    color: #94a3b8;
    text-decoration: none;
    transition: color 0.2s;
}

.footer a:hover {
    color: white;
}


/* Semua kode CSS dari <style> di HTML dipindahkan ke sini */
/* Copy semua isi dari tag <style> ke file ini */