/**
 * Map legacy Kitsofts CSS variables to active HealthKits theme tokens.
 * Lets dashboard/POS inline styles follow kitmedical themes without edits.
 */
body.hkits-app,
body.hkits-login {
    --primary: var(--hkits-accent);
    --primary-dark: var(--hkits-primary-dark);
    --primary-light: var(--hkits-accent-light, var(--hkits-accent));
    --primary-rgb: var(--hkits-accent-rgb);
    --secondary: var(--hkits-accent-secondary, var(--hkits-accent));
    --secondary-rgb: var(--hkits-accent-rgb);
    --accent: var(--hkits-accent);
    --sidebar-bg: var(--hkits-sidebar-bg);
    --sidebar-inner: var(--hkits-sidebar-bg);
    --sidebar-item-bg: var(--hkits-sidebar-item-bg);
    --sidebar-item-hover: var(--hkits-sidebar-item-hover);
    --sidebar-item-text: var(--hkits-sidebar-item-text);
    --card-bg: var(--hkits-dashboard-widget-bg, var(--hkits-dashboard-content-bg, rgba(14, 165, 233, 0.1)));
    --page-bg: var(--hkits-bg, var(--hkits-pale-blue-soft, #f0f9ff));
    --surface: var(--hkits-surface, var(--hkits-pale-blue-soft, #ffffff));
    --dark: var(--hkits-bg, var(--hkits-pale-blue-soft, #f0f9ff));
    --gradient: linear-gradient(135deg, var(--hkits-accent) 0%, var(--hkits-accent-secondary, var(--hkits-primary-dark)) 100%);
  /* Body copy */
    --text-dark: var(--hkits-text, #1e293b);
  /* Accent / KPI values — theme primary for readable contrast on pale surfaces */
    --text-light: var(--hkits-primary, var(--hkits-accent, #002366));
    --text-muted: var(--hkits-text-muted, #475569);
    --dashboard-kpi: var(--hkits-primary, var(--hkits-accent));
    --dashboard-label: var(--hkits-text, #000000);
    --dashboard-body: var(--hkits-text, #000000);
    --chrome-bg: var(--hkits-topnav-bg, #ffffff);
    --chrome-text: var(--hkits-topnav-text, var(--hkits-text, #1e293b));
    --border: 1px solid var(--hkits-border, #e2e8f0);
    --border-light: 1px solid var(--hkits-border, #e2e8f0);
    --shadow: var(--hkits-ui-panel-shadow, 0 2px 10px rgba(15, 23, 42, 0.06));
    --shadow-lg: 0 8px 24px rgba(15, 23, 42, 0.1);
    --radius: var(--hkits-ui-radius, 4px);
    --radius-sm: var(--hkits-ui-radius-sm, 4px);
    --pale-blue: var(--hkits-pale-blue);
    --pale-blue-soft: var(--hkits-pale-blue-soft);
    --success: #059669;
    --warning: #d97706;
    --danger: #dc2626;
    --info: var(--hkits-accent-secondary, #0369a1);
    --success-bg: rgba(5, 150, 105, 0.12);
    --warning-bg: rgba(217, 119, 6, 0.12);
    --expired-bg: rgba(220, 38, 38, 0.12);
}

/* Kitsofts Navy pages — modals sit outside workspace; force navy chrome vars on body */
body.kitsofts-navy-app-shell.hkits-app,
body.kitsofts-navy-app-shell.hkits-login {
    --chrome-bg: #002366;
    --chrome-bg-dark: #001a4d;
    --pale-blue: #b0c9e8;
    --success: #002366;
    --success-dark: #001a4d;
    --danger: #002366;
    --danger-dark: #001a4d;
    --warning: #002366;
    --info: #002366;
    --gradient: #002366;
}