/* Separate readable accent text from the solid fill used with white labels. */
html[data-accent="red"],html[data-accent="red"] body{--primary:#f87171;--primary-2:#b91c1c}
html[data-accent="blue"],html[data-accent="blue"] body{--primary:#60a5fa;--primary-2:#1d4ed8}
html[data-accent="green"],html[data-accent="green"] body{--primary:#34d399;--primary-2:#047857}
html[data-accent="purple"],html[data-accent="purple"] body{--primary:#c084fc;--primary-2:#7e22ce}
html[data-accent="amber"],html[data-accent="amber"] body{--primary:#fbbf24;--primary-2:#92400e}
html[data-theme="light"][data-accent="red"],html[data-theme="light"][data-accent="red"] body{--primary:#b91c1c}
html[data-theme="light"][data-accent="blue"],html[data-theme="light"][data-accent="blue"] body{--primary:#1d4ed8}
html[data-theme="light"][data-accent="green"],html[data-theme="light"][data-accent="green"] body{--primary:#047857}
html[data-theme="light"][data-accent="purple"],html[data-theme="light"][data-accent="purple"] body{--primary:#7e22ce}
html[data-theme="light"][data-accent="amber"],html[data-theme="light"][data-accent="amber"] body{--primary:#92400e}
html[data-accent] body{--accent-soft:color-mix(in srgb,var(--primary) 10%,var(--panel));--accent-border:color-mix(in srgb,var(--primary) 35%,var(--line));--primary-color:var(--primary-2);--input-bg:var(--panel-soft);--card-bg:var(--panel);--border-color:var(--line);--login-input-icon:var(--primary);--login-signup-link:var(--primary);--login-divider:var(--muted);accent-color:var(--primary-2)}
html[data-theme="light"][data-accent] body{--bg:#f8fafc;--panel:#fff;--panel-soft:#f1f5f9;--text:#172033;--muted:#526176;--shadow:0 10px 28px rgba(15,23,42,.1)}
html[data-accent] .sidebar{background:var(--panel);color:var(--text)}
html[data-accent] .sidebar-brand,html[data-accent] .account-menu{background:var(--panel);border-color:var(--line)}
html[data-accent] .sidebar-brand h2,html[data-accent] .account-meta strong{color:var(--primary)}
html[data-accent] .sidebar-brand p,html[data-accent] .account-meta small,html[data-accent] .account-status,html[data-accent] .menu-category{color:var(--muted)}
html[data-accent] .side-link.nav-item,html[data-accent] .sidebar-parent,html[data-accent] .account-menu-item{color:var(--text)}
html[data-accent] .side-link.nav-item.active,html[data-accent] .side-link.nav-item.submenu-item.active,html[data-accent] .side-link.nav-item:hover,html[data-accent] .sidebar-parent:hover{color:var(--primary);background:var(--accent-soft);border-color:var(--accent-border);box-shadow:none}
html[data-accent] .btn-primary{background:var(--primary-2);color:#fff;border-color:transparent}
html[data-accent] .btn-primary:hover{background:color-mix(in srgb,var(--primary-2) 85%,#000)}
html[data-accent] .btn-ghost{background:var(--panel-soft);border-color:var(--line);color:var(--text)}
html[data-accent] .header-icon{background:var(--primary-2);color:#fff}
html[data-accent] .sidebar-parent .sidebar-parent-icon,html[data-accent] .sidebar-parent .menu-chevron{color:inherit}
html[data-accent] #page-balikan-store .balikan-check{accent-color:var(--primary-2)!important}
html[data-accent] #page-balikan-store .balikan-location-item{color:var(--text);background:var(--panel-soft);border-color:var(--line)}
html[data-accent] #page-balikan-store .balikan-location-item.is-active{color:var(--text);background:var(--accent-soft);border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--accent-border)}
html[data-accent] #page-balikan-store .balikan-location-item strong{color:var(--text);text-shadow:none}
html[data-accent] .confirm-modal-confirm.danger{background:var(--primary-2);border-color:var(--primary-2);color:#fff}
html[data-accent] .confirm-modal-confirm.danger:hover{background:color-mix(in srgb,var(--primary-2) 85%,#000);border-color:color-mix(in srgb,var(--primary-2) 85%,#000);filter:none}
html[data-accent] .confirm-modal-badge{background:var(--accent-soft);color:var(--primary)}
html[data-accent] .confirm-modal-confirm:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.accent-picker{position:relative}
.accent-picker summary{list-style:none;cursor:pointer;display:grid;place-items:center}
.accent-picker summary::-webkit-details-marker{display:none}
.accent-picker summary:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.accent-picker summary svg{color:var(--primary);width:20px;height:20px}
.accent-options{position:absolute;right:0;top:calc(100% + 10px);width:220px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);z-index:130}
.accent-options p{margin:0 0 10px;font-size:12px;color:var(--muted)}
.accent-options button{display:flex;width:100%;gap:10px;justify-content:flex-start;background:transparent;margin-top:4px;border:1px solid transparent;padding:9px;font-size:12px}
.accent-options button[aria-pressed="true"]{background:var(--panel-soft);border-color:var(--primary);font-weight:800}
.accent-options button[aria-pressed="true"]::after{content:'✓';margin-left:auto;color:var(--primary)}
.accent-swatch{width:16px;height:16px;border-radius:50%;background:var(--swatch);border:1px solid rgba(255,255,255,.4)}

html[data-accent] .chip.active,html[data-accent] .login-btn{background:var(--primary-2);color:#fff}
html[data-accent] .btn-ghost:hover{background:var(--accent-soft);border-color:var(--accent-border)}
html[data-accent] .side-link.nav-item.active::before{background:var(--primary)}
html[data-accent] .side-link.nav-item.active i,html[data-accent] .side-link.nav-item.active svg{color:var(--primary)}

html[data-accent] .reject-tabs .btn-ghost.active,html[data-accent] #page-balikan-store .balikan-sheet-badge{background:var(--primary-2);color:#fff;box-shadow:none}
html[data-accent] #page-balikan-store .balikan-location-item:hover:not(:disabled),html[data-accent] #page-balikan-store .balikan-location-item:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--accent-soft)}

/* Data remains neutral; accents communicate selection and primary actions. */
html[data-theme="light"] body{--bg:#f8fafc;--panel:#fff;--panel-soft:#f1f5f9;--text:#172033;--muted:#526176;--line:#dbe2ec}
html[data-accent] #mainContentPages table thead th{color:var(--primary)!important}
html[data-accent] .workspace-table tbody td{color:var(--text)}
html[data-accent] .workspace-table .ui-col-number{font-variant-numeric:tabular-nums}
html[data-accent] #page-dashboard .metric-delta--out{color:var(--muted)}
html[data-accent="pink"],html[data-accent="pink"] body{--primary:#f9a8d4;--primary-2:#be185d}
html[data-theme="light"][data-accent="pink"],html[data-theme="light"][data-accent="pink"] body{--primary:#be185d}