:root {
  color-scheme: dark;
  --bg: #050505 !important;
  --navy: #050505 !important;
  --panel: #0c0c0f !important;
  --card: rgba(255, 255, 255, 0.045) !important;
  --panel2: #121217 !important;
  --surface: #0c0c0f !important;
  --surface-2: #121217 !important;
  --s0: #050505 !important;
  --s1: #0c0c0f !important;
  --s2: #121217 !important;
  --s3: #19191f !important;
  --line: rgba(255, 255, 255, 0.1) !important;
  --border: rgba(255, 255, 255, 0.1) !important;
  --orange: #ff4500 !important;
  --blue: #ff4500 !important;
  --teal: #ff4500 !important;
  --accent: #ff4500 !important;
  --accent-2: #ff6a2b !important;
  --accent-soft: rgba(255, 69, 0, 0.14) !important;
  --accent-ink: #050505 !important;
  --brand-bg: #050505 !important;
  --brand-panel: #0c0c0f !important;
  --brand-inset: #121217 !important;
  --brand-line: rgba(255, 255, 255, 0.1) !important;
  --brand-orange: #ff4500 !important;
  --brand-orange-dark: #e83e00 !important;
  --brand-orange-soft: #ff7a45 !important;
  --brand-text: #f6f3ef !important;
  --brand-muted: rgba(246, 243, 239, 0.62) !important;
  --ink: #f6f3ef !important;
  --text: #f6f3ef !important;
  --muted: rgba(246, 243, 239, 0.62) !important;
}

html,
body {
  background-color: #050505 !important;
  color: #f6f3ef;
}

body::before {
  background: radial-gradient(
    circle at 50% -12%,
    rgba(255, 69, 0, 0.12),
    transparent 42%
  ) !important;
}

input,
select,
textarea,
dialog,
.modal,
.modal-card,
.panel,
.card {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.panel,
.card,
.modal-card {
  background-color: #0c0c0f !important;
  background-image: none !important;
}

.rc-guide {
  --paper: #050505;
  --card: #0c0c0f;
  --line: rgba(255, 255, 255, 0.1);
  --text: #f6f3ef;
  --muted: rgba(246, 243, 239, 0.62);
  --orange-soft: rgba(255, 69, 0, 0.12);
  --green-bg: rgba(70, 209, 127, 0.1);
  --red-bg: rgba(255, 90, 77, 0.1);
  background: #050505 !important;
}

.rc-guide .hero {
  background: #050505 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.rc-guide :is(h1, h2, h3, .t, .step-title, .toc h2, .toc a) {
  color: #f6f3ef !important;
}

:focus-visible {
  outline-color: rgba(255, 69, 0, 0.7) !important;
}