/* theme.css - colors for 3 themes */

/* Base colors for dark theme */
body.theme-dark {
  background: #050509;
  color: #f3f3f5;
}

body.theme-dark .sidebar,
body.theme-dark .topbar,
body.theme-dark .app-content,
body.theme-dark .footer,
body.theme-dark .mobile-menu-inner {
  background: transparent;
}

body.theme-dark .btn-primary {
  background: #f85454;
  color: #ffffff;
}

body.theme-dark .btn-outline {
  color: #f3f3f5;
}

body.theme-dark .topbar-search input {
  background: rgba(255,255,255,0.03);
}

/* Light theme */

body.theme-light .sidebar {
  background: #ffffff;
  border-right-color: rgba(0,0,0,0.06);
}

body.theme-light .topbar {
  background: #ffffff;
  border-bottom-color: rgba(0,0,0,0.06);
}

body.theme-light .footer {
  color: #555;
}

body.theme-light .topbar-search input {
  background: #f3f3f7;
  border-color: rgba(0,0,0,0.06);
}

body.theme-light .btn-primary {
  background: #1a73e8;
  color: #ffffff;
}

body.theme-light .btn-outline {
  color: #222;
}

/* Yellow / accent theme */

body.theme-yellow {
  background: #0c0b05;
  color: #f8f2de;
}

body.theme-yellow .sidebar,
body.theme-yellow .topbar,
body.theme-yellow .app-content,
body.theme-yellow .mobile-menu-inner {
  background: transparent;
}

body.theme-yellow .btn-primary {
  background: #f2c14f;
  color: #1d1405;
}

body.theme-yellow .btn-outline {
  color: #f8f2de;
}