/**
 * httpstatus.com – developer-first theme
 * Dark default, light via html.light. No gradients, WCAG AA contrast.
 */
:root {
  --bg: #0F172A;
  --surface: #111827;
  --primary: #22D3EE;
  --success: #22C55E;
  --warning: #F59E0B;
  --error: #EF4444;
  --text: #E5E7EB;
  --text-muted: #9CA3AF;
  --border: #1F2937;
  --border-light: #374151;
}

html.light {
  --bg: #FFFFFF;
  --surface: #F8FAFC;
  --primary: #2563EB;
  --success: #16A34A;
  --warning: #D97706;
  --error: #B91C1C;
  --text: #0F172A;
  --text-muted: #475569;
  --border: #E2E8F0;
  --border-light: #CBD5E1;
}

body,
#root {
  background-color: var(--bg);
  color: var(--text);
  margin: 0;
  min-height: 100%;
}

a {
  color: var(--primary);
}
a:hover {
  color: var(--primary);
  filter: brightness(1.1);
}

/* MUI overrides – use theme tokens */
.MuiCard-root {
  background-color: var(--surface) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
}
.MuiCardContent-root {
  color: var(--text) !important;
}
.MuiTypography-root {
  color: inherit;
}
.MuiTypography-colorTextSecondary,
.MuiTypography-body2 {
  color: var(--text-muted) !important;
}
.MuiButton-root.MuiButton-contained {
  background-color: var(--primary) !important;
  color: var(--bg) !important;
}
.MuiButton-root.MuiButton-contained:hover {
  filter: brightness(1.1);
}
.MuiButton-root:not(.MuiButton-contained) {
  color: var(--text) !important;
}
.MuiButton-root:not(.MuiButton-contained):hover {
  background-color: var(--surface) !important;
  color: var(--primary) !important;
}
.MuiChip-root {
  border-color: var(--border) !important;
}
.MuiTextField-root .MuiOutlinedInput-root {
  background-color: var(--surface) !important;
  color: var(--text) !important;
}
.MuiTextField-root .MuiOutlinedInput-notchedOutline {
  border-color: var(--border) !important;
}
.MuiTextField-root .MuiInputLabel-root {
  color: var(--text-muted) !important;
}
.MuiAlert-standardSuccess {
  background-color: rgba(34, 197, 94, 0.15);
  color: var(--success);
}
.MuiAlert-standardWarning {
  background-color: rgba(245, 158, 11, 0.15);
  color: var(--warning);
}
.MuiAlert-standardError {
  background-color: rgba(239, 68, 68, 0.15);
  color: var(--error);
}
.MuiPaper-root {
  background-color: var(--surface) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
}
.MuiMenu-paper,
.MuiDrawer-paper {
  background-color: var(--surface) !important;
  border: 1px solid var(--border) !important;
}
.MuiListItem-root:hover {
  background-color: var(--border) !important;
}
.MuiDivider-root {
  border-color: var(--border) !important;
}
.MuiAppBar-root {
  background-color: var(--surface) !important;
  color: var(--text) !important;
  border-bottom: 1px solid var(--border) !important;
}

/* Status code semantics */
.status-success,
[data-status="2xx"] { color: var(--success); }
.status-warning,
[data-status="4xx"] { color: var(--warning); }
.status-error,
[data-status="5xx"] { color: var(--error); }