/* Frontend Editor Custom CSS - Auto-generated */
/* This file is regenerated when settings are saved in frontend_editor.php */

:root {
  --fe-primary: #3b82f6;
  --fe-secondary: #1e40af;
  --fe-header-bg: #ffffff;
  --fe-header-text: #6b7280;
  --fe-header-hover: #3b82f6;
  --fe-ucp-sidebar-bg: #f8fafc;
  --fe-ucp-active: #3b82f6;
  --fe-ucp-icon: #6b7280;
}

/* Header Customizations */
.tref-topbar {
  background-color: var(--fe-header-bg) !important;
}
.tref-topbar-link {
  color: var(--fe-header-text) !important;
}
.tref-topbar-link:hover {
  color: var(--fe-header-hover) !important;
}

/* UCP Customizations */
#tabs.tabs {
  background: var(--fe-ucp-sidebar-bg) !important;
}
#tabs.tabs li.tab.activetab a {
  background: var(--fe-ucp-active) !important;
  color: #fff !important;
}
#tabs.tabs li.tab a {
  color: var(--fe-ucp-icon) !important;
}
.panel .inner h2 {
  color: var(--fe-primary) !important;
}