/* ==========================================================
   PRAGOLA ERP — THEME
   Satu sumber kebenaran untuk warna, tipografi, spacing, dsb.
   Wajib di-load PALING AWAL (sebelum dashboard.css, master.css,
   pragola.css, form.css, login.css) karena file-file itu sudah
   memakai variable dari sini, mis. var(--primary).
========================================================== */

:root{

    /* ---------- Brand ---------- */
    --primary:#1F3A5F;
    --primary-hover:#274C77;
    --primary-dark:#15263D;
    --primary-soft:#EAF0F7;
    --primary-rgb:31,58,95;

    --accent:#FF7A00;
    --accent-hover:#FF9D32;

    /* ---------- Neutral ---------- */
    --white:#FFFFFF;
    --light:#F5F7FB;
    --surface:#FFFFFF;
    --border:#E5E7EB;

    --text:#212529;
    --text-muted:#6C757D;
    --text-soft:#94A3B8;

    --gray-50:#F8F9FA;
    --gray-100:#F1F3F5;
    --gray-200:#E9ECEF;
    --gray-300:#DEE2E6;
    --gray-800:#343A40;
    --gray-900:#1E293B;

    /* ---------- Semantic ---------- */
    --success:#198754;
    --success-soft:#E6F4EA;
    --danger:#DC3545;
    --danger-soft:#FDEAEC;
    --warning:#FFC107;
    --warning-soft:#FFF8E1;
    --info:#0DCAF0;
    --info-soft:#E6FBFE;

    /* ---------- Typography ---------- */
    --font-family:'Poppins', sans-serif;
    --fs-xs:12px;
    --fs-sm:13px;
    --fs-base:14px;
    --fs-md:16px;
    --fs-lg:18px;
    --fs-xl:22px;
    --fs-2xl:28px;

    --fw-regular:400;
    --fw-medium:500;
    --fw-semibold:600;
    --fw-bold:700;

    /* ---------- Spacing (skala 4px) ---------- */
    --space-1:4px;
    --space-2:8px;
    --space-3:12px;
    --space-4:16px;
    --space-5:20px;
    --space-6:24px;
    --space-8:32px;
    --space-10:40px;

    /* ---------- Radius ---------- */
    --radius-sm:6px;
    --radius-md:8px;
    --radius-lg:14px;
    --radius-full:999px;

    /* ---------- Shadow ---------- */
    --shadow-sm:0 1px 4px rgba(0,0,0,.04);
    --shadow-md:0 5px 18px rgba(0,0,0,.06);
    --shadow-lg:0 10px 25px rgba(0,0,0,.10);

    /* ---------- Motion ---------- */
    --transition:.2s ease;
}

/* ==========================================================
   BOOTSTRAP BRIDGE
   Supaya komponen bawaan Bootstrap (button, link, badge,
   focus ring, radius) otomatis ikut warna & bentuk brand
   tanpa perlu class tambahan di tiap halaman.
========================================================== */

:root{
    --bs-primary:var(--primary);
    --bs-primary-rgb:var(--primary-rgb);
    --bs-body-font-family:var(--font-family);
    --bs-body-color:var(--text);
    --bs-body-bg:var(--light);
    --bs-border-color:var(--border);
    --bs-border-radius:var(--radius-md);
    --bs-border-radius-sm:var(--radius-sm);
    --bs-border-radius-lg:var(--radius-lg);
    --bs-link-color:var(--primary);
    --bs-link-hover-color:var(--primary-hover);
    --bs-success:var(--success);
    --bs-danger:var(--danger);
    --bs-warning:var(--warning);
    --bs-info:var(--info);
}

.btn-primary{
    --bs-btn-bg:var(--primary);
    --bs-btn-border-color:var(--primary);
    --bs-btn-hover-bg:var(--primary-hover);
    --bs-btn-hover-border-color:var(--primary-hover);
    --bs-btn-active-bg:var(--primary-dark);
    --bs-btn-active-border-color:var(--primary-dark);
    --bs-btn-disabled-bg:var(--primary);
    --bs-btn-disabled-border-color:var(--primary);
    --bs-btn-focus-shadow-rgb:var(--primary-rgb);
}

.form-control:focus,
.form-select:focus{
    border-color:var(--primary-hover);
    box-shadow:0 0 0 .2rem rgba(var(--primary-rgb),.15);
}

a{
    color:var(--primary);
}

a:hover{
    color:var(--primary-hover);
}

::selection{
    background:var(--primary);
    color:var(--white);
}