/* SIAPNS CRM theme: charcoal + gold */
:root { --brand-color: #b8912f; --sg1: #f4e3a8; --sg3: #d9b64e; --sg5: #b8912f; --sink: #14120d; }
body { font-family: "Inter", "Poppins", system-ui, sans-serif; }

/* primary buttons */
.primary-button, button.primary-button, a.primary-button {
  background: linear-gradient(135deg, var(--sg1), var(--sg3) 55%, var(--sg5)) !important;
  border-color: var(--sg5) !important; color: var(--sink) !important; font-weight: 600;
  box-shadow: 0 6px 18px -8px rgba(184, 145, 47, .7);
}
.primary-button:hover { filter: brightness(1.06); }
.secondary-button:hover { border-color: var(--sg5) !important; color: var(--sg5) !important; }

/* links and active states that use the old blue */
.text-brandColor, .text-activity-note-text { color: var(--sg5) !important; }
.bg-brandColor { background-color: var(--sg5) !important; }
.border-brandColor { border-color: var(--sg5) !important; }
a:hover { color: var(--sg5); }
.icon-menu-active, .menu-active, [class*="menu-active"] { color: var(--sg5) !important; }
.sidebar-collapsed .menu-item.active > a, .menu-item.active > a { background: rgba(217, 182, 78, .14) !important; color: var(--sg5) !important; }

/* inputs focus */
input:focus, select:focus, textarea:focus { border-color: var(--sg3) !important; box-shadow: 0 0 0 3px rgba(217, 182, 78, .2) !important; outline: 0; }
input[type="checkbox"]:checked + label::before, .peer:checked ~ div { background-color: var(--sg5) !important; }

/* login screen */
body > div > div.flex.h-\[100vh\] { background: radial-gradient(900px 420px at 50% -10%, rgba(217, 182, 78, .22), transparent 60%), #f6f4ef; }
.box-shadow { box-shadow: 0 30px 60px -30px rgba(90, 70, 20, .35) !important; border: 1px solid rgba(217, 182, 78, .3); border-radius: 18px !important; }

/* kanban stage headers and badges */
.stage-header, .kanban-header { border-top: 3px solid var(--sg3); }

/* leftover blues */
[class*="bg-sky"] { background-color: rgba(217, 182, 78, .16) !important; }
[class*="text-sky"], [class*="text-blue"], .text-brandColor { color: var(--sg5) !important; }
[class*="border-sky"], [class*="border-blue"] { border-color: var(--sg3) !important; }
footer a, .footer a, a[href*="krayin"], a[href*="webkul"] { color: var(--sg5) !important; }