/* Basic theme variables via data attributes */
html, body {
  min-height: 100%;
}

/* Font families */
body[data-font="system-ui"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
body[data-font="Arial, Helvetica, sans-serif"] { font-family: Arial, Helvetica, sans-serif; }
body[data-font="'Times New Roman', Times, serif"] { font-family: 'Times New Roman', Times, serif; }
body[data-font="'Trebuchet MS', sans-serif"] { font-family: 'Trebuchet MS', sans-serif; }
body[data-font="'Courier New', monospace"] { font-family: 'Courier New', monospace; }

/* Weight & style */
body[data-font-weight="bold"] { font-weight: 600; }
body[data-font-style="italic"] { font-style: italic; }

/* Theme: default uses Bootstrap light as-is */
/* Theme: light */
body[data-theme="light"] {
  background-color: #f8f9fa;
  color: #212529;
}
/* Theme: dark */
body[data-theme="dark"] {
  background-color: #0f1116;
  color: #e9ecef;
}
body[data-theme="dark"] .card,
body[data-theme="dark"] .dropdown-menu,
body[data-theme="dark"] .navbar,
body[data-theme="dark"] .modal-content {
  background-color: #151823;
  color: #e9ecef;
}
body[data-theme="dark"] .table { color: #e9ecef; }
body[data-theme="dark"] .border-top,
body[data-theme="dark"] .border-bottom {
  border-color: rgba(255,255,255,.1) !important;
}

/* Layout hints */
body[data-layout="grid"] .kpi-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(260px,1fr)); gap: 1rem; }