/* Dark mode styles for dashboard cards and content */
body.focus-theme .applet-card {
  background-color: var(--bg-off-dark);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

body.focus-theme .applet-card h3 {
  color: var(--primary-light);
}

body.focus-theme .applet-card p {
  color: var(--text-light);
}

body.focus-theme .applet-icon {
  background-color: var(--primary-dark);
  color: var(--text-light);
}

body.focus-theme .applet-button {
  background-color: var(--primary-dark);
  color: var(--text-light);
}

body.focus-theme .applet-button:hover {
  background-color: var(--primary);
}

body.focus-theme .daily-ripple-card {
  background-color: var(--bg-off-dark);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

body.focus-theme .daily-ripple-title {
  color: var(--primary-light);
}

body.focus-theme .daily-ripple-content {
  color: var(--text-light);
}

body.focus-theme .ripple-action-button {
  background-color: var(--primary-dark);
  color: var(--text-light);
}

body.focus-theme .ripple-action-button:hover {
  background-color: var(--primary);
}

body.focus-theme .mood-option {
  background-color: var(--bg-off-dark);
  color: var(--text-light);
}

body.focus-theme .mood-option:hover,
body.focus-theme .mood-option.active {
  background-color: var(--primary-dark);
}

body.focus-theme .mood-suggestions-title {
  color: var(--primary-light);
}

body.focus-theme .mood-suggestions-content {
  color: var(--text-light);
}

body.focus-theme .mood-suggestions-actions button {
  background-color: var(--primary-dark);
  color: var(--text-light);
}

body.focus-theme .mood-suggestions-actions button:hover {
  background-color: var(--primary);
}

body.focus-theme .resources-panel {
  background-color: var(--bg-dark);
  box-shadow: -5px 0 15px rgba(0, 0, 0, 0.3);
}

body.focus-theme .resources-tab {
  background-color: var(--bg-off-dark);
  color: var(--text-light);
}

body.focus-theme .resources-tab.active {
  background-color: var(--primary-dark);
  color: var(--text-light);
}

body.focus-theme .resource-card {
  background-color: var(--bg-off-dark);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

body.focus-theme .resource-title {
  color: var(--primary-light);
}

body.focus-theme .resource-description {
  color: var(--text-light);
}

body.focus-theme .resource-icon {
  background-color: var(--primary-dark);
  color: var(--text-light);
}

body.focus-theme .resource-button {
  background-color: var(--primary-dark);
  color: var(--text-light);
}

body.focus-theme .resource-button:hover {
  background-color: var(--primary);
}

body.focus-theme .resources-button {
  background-color: var(--primary-dark);
  color: var(--text-light);
}

body.focus-theme .resources-button:hover {
  background-color: var(--primary);
}

body.focus-theme .resources-close {
  color: var(--text-light);
}

body.focus-theme .resources-close:hover {
  color: var(--primary-light);
}

body.focus-theme .section-heading {
  color: var(--primary-light);
}

body.focus-theme .resources-section h3 {
  color: var(--primary-light);
}