/* Chenesa Energy - Dark/Light Mode Theme */

/* Light mode (default) - uses dark logo (logi.png) */
:root {
  --bg-primary: #ffffff;
  --bg-secondary: #f9fafb;
  --bg-tertiary: #f3f4f6;
  --text-primary: #111827;
  --text-secondary: #374151;
  --text-muted: #6b7280;
  --border-color: #e5e7eb;
  --card-bg: #ffffff;
  --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --header-bg: rgba(255, 255, 255, 0.95);
  --footer-bg: #0c4068;
  --input-bg: #ffffff;
  --input-border: #d1d5db;
  color-scheme: light;
}

/* Dark mode - uses white logo (chensa.png) */
[data-theme="dark"] {
  --bg-primary: #0f172a;
  --bg-secondary: #1e293b;
  --bg-tertiary: #334155;
  --text-primary: #f1f5f9;
  --text-secondary: #cbd5e1;
  --text-muted: #94a3b8;
  --border-color: #334155;
  --card-bg: #1e293b;
  --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
  --header-bg: rgba(15, 23, 42, 0.95);
  --footer-bg: #020617;
  --input-bg: #1e293b;
  --input-border: #475569;
  color-scheme: dark;
}

/* Apply theme variables to elements */
[data-theme="dark"] body,
[data-theme="dark"] html {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}

[data-theme="dark"] .bg-white {
  background-color: var(--card-bg) !important;
}

[data-theme="dark"] .bg-gray-50,
[data-theme="dark"] .bg-zuva-gray {
  background-color: var(--bg-secondary) !important;
}

[data-theme="dark"] .bg-gray-100 {
  background-color: var(--bg-tertiary) !important;
}

[data-theme="dark"] .bg-white\/95 {
  background-color: var(--header-bg) !important;
}

/* Text colors in dark mode */
[data-theme="dark"] .text-gray-900 {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .text-gray-700 {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .text-gray-600,
[data-theme="dark"] .text-gray-500 {
  color: var(--text-muted) !important;
}

/* Border colors */
[data-theme="dark"] .border-gray-200,
[data-theme="dark"] .border-gray-100,
[data-theme="dark"] .border-gray-300 {
  border-color: var(--border-color) !important;
}

/* Input fields */
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background-color: var(--input-bg) !important;
  border-color: var(--input-border) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: var(--text-muted) !important;
}

/* Cards and shadows */
[data-theme="dark"] .shadow-sm,
[data-theme="dark"] .shadow-md,
[data-theme="dark"] .shadow-lg,
[data-theme="dark"] .shadow-xl {
  box-shadow: var(--card-shadow) !important;
}

/* Section titles */
[data-theme="dark"] .section-title {
  color: var(--text-primary) !important;
}

/* Logo switching */
.logo-light {
  display: block;
}

.logo-dark {
  display: none;
}

[data-theme="dark"] .logo-light {
  display: none;
}

[data-theme="dark"] .logo-dark {
  display: block;
}

/* Theme toggle button */
.theme-toggle {
  position: fixed;
  bottom: 6rem;
  right: 1.5rem;
  z-index: 50;
  width: 3rem;
  height: 3rem;
  border-radius: 9999px;
  background-color: var(--zuva-green, #1b8ab5);
  color: white;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}

.theme-toggle:hover {
  background-color: var(--zuva-green-dark, #0c4068);
  transform: scale(1.1);
}

.theme-toggle svg {
  width: 1.5rem;
  height: 1.5rem;
}

/* Sun icon (shown in dark mode) */
.theme-toggle .icon-sun {
  display: none;
}

[data-theme="dark"] .theme-toggle .icon-sun {
  display: block;
}

/* Moon icon (shown in light mode) */
.theme-toggle .icon-moon {
  display: block;
}

[data-theme="dark"] .theme-toggle .icon-moon {
  display: none;
}

/* Smooth transitions */
body,
.bg-white,
.bg-gray-50,
.bg-gray-100,
.text-gray-900,
.text-gray-700,
.text-gray-600,
.text-gray-500,
input,
textarea,
select {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Scrollbar in dark mode */
[data-theme="dark"] ::-webkit-scrollbar-track {
  background: var(--bg-secondary);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: var(--zuva-green, #1b8ab5);
}

/* Mobile menu in dark mode */
[data-theme="dark"] .mobile-menu {
  background-color: var(--bg-primary) !important;
}

/* Hero section adjustments for dark mode */
[data-theme="dark"] .hero-overlay {
  background: linear-gradient(135deg, rgba(27, 138, 181, 0.95) 0%, rgba(12, 64, 104, 0.85) 50%, rgba(15, 23, 42, 0.9) 100%);
}

/* Zuva colors remain consistent in both modes */
.bg-zuva-green,
.bg-zuva-dark,
.bg-zuva-yellow,
.text-zuva-green,
.text-zuva-dark,
.text-zuva-yellow {
  /* These branded colors stay the same */
}

/* Enlarge header logo */
header img[src*="logo"],
header img[src*="chensa"],
header img[src*="logi"],
nav img[src*="logo"],
nav img[src*="chensa"],
nav img[src*="logi"],
.h-8[src*="logo"],
.h-10[src*="logo"],
img.h-8,
img.h-10 {
  height: 3.5rem !important;
  width: auto !important;
  max-height: 3.5rem !important;
}

/* Make header taller to accommodate larger logo */
header,
nav {
  min-height: 5rem;
}