@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');

html,
body {
  font-family: 'IBM Plex Sans', 'Segoe UI', system-ui, sans-serif;
}

body {
  transition: background-color 0.2s ease, color 0.2s ease;
}

.theme-choice-btn {
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 6px;
  color: #475569;
}

.theme-choice-btn:hover {
  background: #f1f5f9;
}

.theme-choice-btn[aria-pressed="true"] {
  border-color: #94a3b8;
  color: #0f172a;
}

html.theme-dark .theme-choice-btn {
  color: #cbd5e1;
}

html.theme-dark .theme-choice-btn:hover {
  background: #1e293b;
}

html.theme-dark .theme-choice-btn[aria-pressed="true"] {
  border-color: #64748b;
  color: #f8fafc;
}

html.theme-dark body {
  background-color: #020617;
  color: #e2e8f0;
}

html.theme-dark .bg-slate-50 {
  background-color: #020617 !important;
}

html.theme-dark .bg-white {
  background-color: #0b1220 !important;
}

html.theme-dark [class*='bg-white/'] {
  background-color: rgba(11, 18, 32, 0.88) !important;
}

html.theme-dark .bg-slate-100 {
  background-color: #1e293b !important;
}

html.theme-dark .border-slate-200 {
  border-color: #334155 !important;
}

html.theme-dark .border-slate-300 {
  border-color: #475569 !important;
}

html.theme-dark .text-slate-900 {
  color: #f1f5f9 !important;
}

html.theme-dark .text-slate-800 {
  color: #e2e8f0 !important;
}

html.theme-dark .text-slate-700 {
  color: #cbd5e1 !important;
}

html.theme-dark .text-slate-600 {
  color: #94a3b8 !important;
}

html.theme-dark .text-slate-500,
html.theme-dark .text-slate-400 {
  color: #64748b !important;
}

html.theme-dark input,
html.theme-dark textarea,
html.theme-dark select {
  background-color: #0f172a !important;
  color: #e2e8f0 !important;
}

html.theme-dark pre {
  background-color: #0f172a !important;
}

html.theme-dark .force-dark-text {
  color: #0f172a !important;
}

html.theme-dark .hover-dark-text:hover {
  color: #0f172a !important;
}

/* Keep dark text on yellow surfaces in both light and dark themes */
[class*='bg-yellow-'],
[class*='from-yellow-'],
[class*='to-yellow-'] {
  color: #0f172a !important;
}

[class*='bg-yellow-'] .text-white,
[class*='from-yellow-'] .text-white,
[class*='to-yellow-'] .text-white {
  color: #0f172a !important;
}

html.theme-dark [class*='bg-yellow-'],
html.theme-dark [class*='from-yellow-'],
html.theme-dark [class*='to-yellow-'] {
  color: #0f172a !important;
}

html.theme-dark [class*='bg-yellow-'] .text-white,
html.theme-dark [class*='from-yellow-'] .text-white,
html.theme-dark [class*='to-yellow-'] .text-white {
  color: #0f172a !important;
}