/* ============================================================
   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, price_list.

   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 {
    /* --- 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%);

    /* --- 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;
}