@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;800&display=swap');

:root {
    --bg: #141e30;
    --fg: #e0e0e0;
    --bg-alt: rgba(255, 255, 255, 0.05);
    --accent: #00ffc3;
    --font: 'Poppins', sans-serif;
    --bar-bg: rgba(255, 255, 255, 0.1);
}

/* Light theme support */
html.light {
    --bg: #f5f5f5;
    --fg: #222;
    --bg-alt: rgba(0, 0, 0, 0.05);
    --accent: #0066cc;
}

body {
    background-color: var(--bg);
    color: #e2e8f0;
    font-family: var(--font), 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Custom Glassmorphism Card Style jika dibutuhkan nanti */
.card-stat {
    background: var(--bg-alt);
    border: 1px solid var(--bar-bg);
    border-radius: 12px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}