/* Light theme definitions for SensiGrow.
   This is the default look and relies on
   the shared layout styles in assets/styles/app.css. */

/* Root container background for light theme */
.sg-theme-light {
  background-color: #f5f6fa;
}

/* Header colors */
.sg-theme-light .sg-header-navbar {
  background-color: #eaecdf !important;
}

.sg-theme-light .sg-company-name {
  color: #0d3f26;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}

.sg-theme-light .sg-page-title {
  color: #0e0d0d;
}

/* Sidebar colors */
.sg-theme-light .sg-sidebar {
  background-color: #eaecdf !important;
}

.sg-theme-light .sg-sidebar-nav a {
  color: #444;
}

.sg-theme-light .sg-sidebar-nav a.active {
  background-color: #e9f3ff;
  border-left: 3px solid #0d6efd;
}

/* Login background */
.sg-theme-light .sg-login-layout {
  background-color: #f9fafb;
  background-image: url("/assets/backgrounds/login-bg.jpg");
}

/* Global action buttons group in the header */
.sg-theme-light .sg-global-actions-btn-group  {
  background-color: transparent;
  color: rgb(8, 0, 0);
  border: 1px solid #0f0f0f;
  border-radius: 4px;
  padding: 0.2rem;
  height: 45px;
}

.sg-theme-light .sg-sidebar-toggle {
  color: #00050e;
}