/* ============================================
   LIGHT THEME - Staging Forest Variant
   Inverts dark colors while keeping forest accent (#4f8179)
   Loaded conditionally when data-theme="light"
   ============================================ */

body[data-theme="light"] {
  background:
    radial-gradient(circle at 16% 14%, rgba(47, 111, 91, 0.05) 0%, transparent 34%),
    linear-gradient(135deg, #f2f5f3 0%, #e8eeeb 100%);
  color: #202b27;
}

body[data-theme="light"] .nav-container {
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(245,248,246,0.99) 100%) !important;
  border-right-color: rgba(93,111,104,0.12) !important;
  box-shadow: inset -1px 0 0 rgba(0,0,0,0.03) !important;
}

body[data-theme="light"] .nav-container .nav-tab {
  color: #5a6e66 !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body[data-theme="light"] .nav-container .nav-tab:hover,
body[data-theme="light"] .nav-container .nav-tab:focus-visible {
  color: #202b27 !important;
  background: rgba(47,111,91,0.08) !important;
  border-color: rgba(47,111,91,0.12) !important;
}

body[data-theme="light"] .nav-container .nav-tab.active {
  color: #1a2622 !important;
  background: linear-gradient(180deg, rgba(232,240,236,0.96) 0%, rgba(220,232,226,0.99) 100%) !important;
  border-color: rgba(47,111,91,0.18) !important;
  box-shadow: inset 3px 0 0 #4f8179, 0 6px 14px rgba(31,45,37,0.08) !important;
}

body[data-theme="light"] .nav-container .settings-container {
  background: transparent !important;
  border-top-color: rgba(93,111,104,0.12) !important;
}

body[data-theme="light"] .nav-container :is(.sidebar-collapse-btn, .settings-btn, .settings-dropdown) {
  background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(245,248,246,0.99) 100%) !important;
  border-color: rgba(93,111,104,0.12) !important;
}

body[data-theme="light"] .nav-container .settings-dropdown {
  box-shadow: 0 18px 36px rgba(31,45,37,0.12) !important;
}

body[data-theme="light"] .dashboard-header,
body[data-theme="light"] .card,
body[data-theme="light"] .agent-card,
body[data-theme="light"] .agent-card-modern,
body[data-theme="light"] .status-card,
body[data-theme="light"] .task-container,
body[data-theme="light"] .task-container-modern,
body[data-theme="light"] .focus-cockpit-card,
body[data-theme="light"] .focus-card,
body[data-theme="light"] .life-card,
body[data-theme="light"] .news-card,
body[data-theme="light"] .schedule-card,
body[data-theme="light"] .study-card,
body[data-theme="light"] .workout-card,
body[data-theme="light"] .calisthenics-section,
body[data-theme="light"] .quick-action-btn {
  background: #ffffff !important;
  border-color: rgba(93,111,104,0.12) !important;
  box-shadow: 0 8px 20px rgba(31,45,37,0.06) !important;
  color: #202b27 !important;
}

body[data-theme="light"] .dashboard-header {
  background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(250,252,251,0.99) 100%) !important;
}

body[data-theme="light"] .card:hover,
body[data-theme="light"] .agent-card:hover,
body[data-theme="light"] .agent-card-modern:hover,
body[data-theme="light"] .status-card:hover,
body[data-theme="light"] .workout-card:hover,
body[data-theme="light"] .quick-action-btn:hover {
  border-color: rgba(47,111,91,0.35) !important;
  box-shadow: 0 12px 28px rgba(31,45,37,0.1) !important;
}

body[data-theme="light"] h1,
body[data-theme="light"] .header-title {
  background: linear-gradient(90deg, #4f8179, #2f6f5b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

body[data-theme="light"] .subtitle,
body[data-theme="light"] .header-subtitle,
body[data-theme="light"] .metric-label,
body[data-theme="light"] .level-label,
body[data-theme="light"] .task-label,
body[data-theme="light"] .settings-label,
body[data-theme="light"] .focus-save-hint,
body[data-theme="light"] .recent-activity-time {
  color: #6b7d76 !important;
}

body[data-theme="light"] .metric-value,
body[data-theme="light"] .agent-name-modern,
body[data-theme="light"] .status-card-title,
body[data-theme="light"] .section-title,
body[data-theme="light"] .focus-metric strong {
  color: #202b27 !important;
}

body[data-theme="light"] .status-text-modern,
body[data-theme="light"] .agent-role,
body[data-theme="light"] .agent-ownership {
  color: #4a5c54 !important;
}

body[data-theme="light"] .settings-dropdown {
  background: #ffffff !important;
  border-color: rgba(93,111,104,0.15) !important;
  box-shadow: 0 18px 36px rgba(31,45,37,0.12) !important;
}

body[data-theme="light"] .settings-user-name,
body[data-theme="light"] .settings-label {
  color: #202b27 !important;
}

body[data-theme="light"] .settings-user-role {
  color: #6b7d76 !important;
}

body[data-theme="light"] .lang-btn,
body[data-theme="light"] .theme-btn {
  background: rgba(47,111,91,0.06) !important;
  border-color: rgba(93,111,104,0.12) !important;
  color: #4a5c54 !important;
}

body[data-theme="light"] .lang-btn:hover,
body[data-theme="light"] .theme-btn:hover {
  background: rgba(47,111,91,0.12) !important;
  border-color: rgba(47,111,91,0.25) !important;
}

body[data-theme="light"] .lang-btn.active,
body[data-theme="light"] .theme-btn.active {
  background: rgba(47,111,91,0.18) !important;
  border-color: #4f8179 !important;
  color: #2a4a42 !important;
  box-shadow: 0 0 0 1px rgba(79,129,121,0.15) !important;
}

body[data-theme="light"] .quick-jump-btn {
  background: linear-gradient(180deg, rgba(255,255,255,0.9) 0%, rgba(245,248,246,0.95) 100%) !important;
  border-color: rgba(93,111,104,0.18) !important;
  color: #202b27 !important;
}

body[data-theme="light"] .quick-jump-btn:hover {
  border-color: rgba(47,111,91,0.45) !important;
  background: rgba(47,111,91,0.08) !important;
}

body[data-theme="light"] .back-to-top-btn {
  background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(245,248,246,0.99) 100%) !important;
  border-color: rgba(93,111,104,0.2) !important;
  color: #202b27 !important;
  box-shadow: 0 6px 16px rgba(31,45,37,0.08) !important;
}

body[data-theme="light"] .back-to-top-btn:hover {
  border-color: rgba(47,111,91,0.5) !important;
}

body[data-theme="light"] input,
body[data-theme="light"] textarea,
body[data-theme="light"] select {
  background: #ffffff !important;
  border-color: rgba(93,111,104,0.18) !important;
  color: #202b27 !important;
}

body[data-theme="light"] input::placeholder,
body[data-theme="light"] textarea::placeholder {
  color: #8a9a92 !important;
}

body[data-theme="light"] .focus-btn {
  background: rgba(47,111,91,0.08) !important;
  border-color: rgba(93,111,104,0.15) !important;
  color: #2a4a42 !important;
}

body[data-theme="light"] .focus-btn.primary {
  background: linear-gradient(180deg, #4f8179 0%, #3d6b64 100%) !important;
  color: #ffffff !important;
  border-color: #4f8179 !important;
}

body[data-theme="light"] .focus-btn:hover {
  background: rgba(47,111,91,0.14) !important;
  border-color: rgba(47,111,91,0.35) !important;
}

body[data-theme="light"] .modal-content {
  background: #ffffff !important;
  border-color: rgba(93,111,104,0.15) !important;
  color: #202b27 !important;
}

body[data-theme="light"] .modal-overlay {
  background: rgba(31,45,37,0.35) !important;
}

body[data-theme="light"] .nav-menu-mobile {
  background: linear-gradient(180deg, #ffffff 0%, #f5f8f6 100%) !important;
  border-color: rgba(93,111,104,0.12) !important;
}

body[data-theme="light"] .mobile-menu-header {
  border-color: rgba(93,111,104,0.1) !important;
}

body[data-theme="light"] .mobile-menu-title,
body[data-theme="light"] .mobile-menu-eyebrow {
  color: #202b27 !important;
}

body[data-theme="light"] .footer {
  color: #6b7d76 !important;
}

/* Quick Notes Widget Light */
body[data-theme="light"] .quick-note-card {
  box-shadow: 0 3px 10px rgba(31,45,37,0.08) !important;
}

/* Pomodoro Timer Light */
body[data-theme="light"] .pomodoro-timer-display {
  color: #202b27 !important;
}

body[data-theme="light"] .pomodoro-progress-ring circle {
  stroke: rgba(93,111,104,0.12) !important;
}

body[data-theme="light"] .pomodoro-progress-ring .progress {
  stroke: #4f8179 !important;
}

/* Keyboard Shortcuts Overlay Light */
body[data-theme="light"] .shortcuts-overlay {
  background: rgba(31,45,37,0.45) !important;
}

body[data-theme="light"] .shortcuts-panel {
  background: #ffffff !important;
  border-color: rgba(93,111,104,0.15) !important;
  box-shadow: 0 24px 48px rgba(31,45,37,0.14) !important;
}

body[data-theme="light"] .shortcuts-title {
  color: #202b27 !important;
}

body[data-theme="light"] .shortcut-key {
  background: linear-gradient(180deg, #f2f5f3 0%, #e8eeeb 100%) !important;
  border-color: rgba(93,111,104,0.18) !important;
  color: #3f524b !important;
  box-shadow: 0 2px 4px rgba(31,45,37,0.06) !important;
}

body[data-theme="light"] .shortcut-desc {
  color: #4a5c54 !important;
}