/* ========================================================
   STYLE TERPUSAT: 4K KOST INTEGRATED SYSTEM
   ======================================================== */

@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap');

:root {
  --primary: #ea580c;
  --primary-hover: #c2410c;
  --foreground: #080C1A;
  --secondary: #6A7686;
  --muted: #EFF2F7;
  --border: #F3F4F3;
  --card-grey: #F1F3F6;
  --success: #30B22D;
  --error: #ED6B60;
  --warning: #FED71F;
  --font-sans: 'Lexend Deca', sans-serif;
}

/* Tipografi Global */
body, input, button, select, textarea {
  font-family: var(--font-sans);
}

/* Pemetaan Kelas Warna Kustom */
.bg-primary { background-color: var(--primary) !important; }
.bg-primary-hover:hover { background-color: var(--primary-hover) !important; }
.text-primary { color: var(--primary) !important; }
.border-primary { border-color: var(--primary) !important; }

.bg-primary\/10 { background-color: rgba(234, 88, 12, 0.1) !important; }
.bg-primary\/20 { background-color: rgba(234, 88, 12, 0.2) !important; }
.shadow-primary\/20 { --tw-shadow-color: rgba(234, 88, 12, 0.2); }

.text-foreground { color: var(--foreground) !important; }
.text-secondary { color: var(--secondary) !important; }
.bg-muted { background-color: var(--muted) !important; }
.border-border { border-color: var(--border) !important; }
.bg-card-grey { background-color: var(--card-grey) !important; }

.text-success { color: var(--success) !important; }
.bg-success\/10 { background-color: rgba(48, 178, 45, 0.1) !important; }
.text-error { color: var(--error) !important; }
.bg-error\/10 { background-color: rgba(237, 107, 96, 0.1) !important; }
.text-warning { color: var(--warning) !important; }
.bg-warning\/10 { background-color: rgba(254, 215, 31, 0.1) !important; }

/* Utilitas Tambahan */
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* Status Modal */
#modalQRIS { display: none; }
#modalQRIS.aktif { display: flex !important; }