:root {
    /* 
     * Ukuran font dasar (mengatur root size).
     */
    --font-size-root: 15px;

    /* Warna Utama (Primary) */
    --color-primary: #162447;
    --color-primary-hover: #1f3160;

    /* Konfigurasi Font Family Default */
    --font-base: 'Inter', sans-serif;

    /* Konfigurasi Warna Teks dan Latar Belakang Default */
    --color-text-default: #111827;
    /* Setara dengan text-gray-900 */
    --color-bg-default: #f9fafb;
    /* Setara dengan bg-gray-50 */
}

/* Mengatur ukuran font global */
html {
    font-size: var(--font-size-root);
}

/* Menerapkan font, warna background, dan warna text default ke body */
body {
    font-family: var(--font-base);
    color: var(--color-text-default);
    background-color: var(--color-bg-default);
}

/* Utility tambahan yang diperlukan secara global, contohnya Alpine.js cloak */
[x-cloak] {
    display: none !important;
}