/*
 * Semua variabel warna & ukuran terpusat di sini supaya gampang di-rebrand.
 * Warna diambil dari logo resmi PKBM INTAN (navy, teru/teal, kuning emas)
 * sebagai placeholder yang masuk akal - GANTI di sini saja kalau ada
 * panduan warna resmi baru, JANGAN hardcode warna di file CSS lain.
 */
:root {
    /* Warna utama - dari logo PKBM INTAN */
    --color-primary: #0f3357;       /* navy - header, tombol utama */
    --color-primary-dark: #081f37;  /* navy lebih gelap - hover */
    --color-accent: #1893b3;        /* teal - aksen, link, badge info */
    --color-accent-light: #e6f4f8;  /* teal sangat muda - background highlight */
    --color-gold: #f2b705;          /* kuning emas - badge/penanda khusus, dipakai secukupnya */
    --color-primary-light: rgba(15, 51, 87, 0.08);  /* navy sangat muda - background ikon */
    --color-gold-light: rgba(242, 183, 5, 0.18);    /* emas sangat muda - background ikon */

    /* Warna status */
    --color-success: #2e7d4f;
    --color-success-light: #e6f4ec;
    --color-warning: #b9770e;
    --color-warning-light: #fdf1e0;
    --color-danger: #c23b3b;
    --color-danger-light: #fbe9e9;

    /* Warna netral */
    --color-bg: #f7f6f3;            /* latar halaman, krem hangat, bukan putih dingin */
    --color-surface: #ffffff;       /* latar kartu/panel */
    --color-border: #e1ded6;
    --color-text: #2b2a28;
    --color-text-muted: #6b6a66;
    --color-text-on-primary: #ffffff;

    /* Tipografi */
    --font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-size-base: 16px;

    /* Ukuran & jarak */
    --radius: 10px;
    --radius-sm: 6px;
    --spacing-1: 4px;
    --spacing-2: 8px;
    --spacing-3: 16px;
    --spacing-4: 24px;
    --spacing-5: 32px;
    --shadow-card: 0 1px 3px rgba(15, 51, 87, 0.08), 0 1px 2px rgba(15, 51, 87, 0.06);
    --max-width-content: 1100px;
}