/* ============================================================
   GLOBAL CSS VARIABLES
   File ini menggantikan blok :root yang tadinya di-copy-paste
   di puluhan file (dashboard, order, deposit, ticket, staff,
   log, auth, page statis, price list).

   Ada 2 "sistem" variabel yang sebelumnya dipakai di project ini:

   1. --ui-*        → dipakai di halaman dashboard/app (setelah login):
                       dashboard, order, deposit, ticket, staff, log,
                       admin/order.
   2. --mp-* / --text-* / --bg-canvas
                     → dipakai di halaman auth & statis:
                       login, register, faq, tos, contact, services.

   Kalau sebuah halaman butuh nilai berbeda dari default di bawah
   (misalnya --ui-radius yang lebih kecil), halaman itu cukup
   menimpa variable tsb di :root miliknya sendiri — tidak perlu
   mendefinisikan ulang semua variable.
============================================================ */

:root {
    /* Lebar sidebar admin & user panel (lib/header.php, lib/header_admin.php).
       Dipakai di 4 tempat (sidebar.css x3, app-common.css x1) - satu sumber
       biar tidak ada yang kelewat kalau lebar sidebar mau diubah. */
    --sidebar-width: 260px;

    /* --- Sistem 1: Dashboard / App (--ui-*) --- */
    --ui-border: rgba(226, 232, 240, 0.8);
    --ui-bg: #f8fafc;
    --ui-text-main: #0f172a;
    --ui-text-muted: #64748b;
    --ui-accent: #2563eb;
    --ui-accent-light: rgba(37, 99, 235, 0.06);
    --ui-success: #10b981;
    --ui-success-light: rgba(16, 185, 129, 0.06);
    --ui-warning: #f59e0b;
    --ui-warning-light: rgba(245, 158, 11, 0.08);
    --ui-danger: #ef4444;
    --ui-danger-light: rgba(239, 68, 68, 0.08);
    --ui-info: #0284c7;
    --ui-info-light: rgba(2, 132, 199, 0.06);
    --ui-radius: 16px;
    --ui-gradient: linear-gradient(135deg, #2563eb 0%, #6366f1 100%);

    /* --- Token tema lanjutan (Phase A/5.26) — satu sumber untuk warna dasar.
           Dipakai oleh seluruh CSS kustom; ganti nilai di sini = ganti tema.
           Dark mode nanti cukup override blok ini. --- */
    --ui-bg-card: #ffffff;      /* background kartu/modal (dulu literal #ffffff) */
    --ui-bg-subtle: #f8fafc;    /* background halus / zebra (dulu #f8fafc) */
    --ui-border-soft: #f1f5f9;  /* border tipis / divider (dulu #f1f5f9) */
    --ui-text-invert: #ffffff;  /* teks di atas warna aksen (dulu #ffffff) */

    /* --- Sistem 2: Auth & Halaman Statis (--mp-* / --text-* / --bg-canvas) --- */
    --mp-primary: #0d6efd;
    --mp-primary-hover: #0b5ed7;
    --text-heading: #0f172a;
    --text-body: #475569;
    --bg-canvas: #f8fafc;
}