:root {
  color-scheme: dark;
  --sa-primary: #ff4f00;
  --sa-bg: #000000;
  --sa-card: #1c1c1e;
  --sa-border: #2c2c2e;
  --sa-input-bg: #2c2c2e;
  --sa-input-border: #3a3a3c;
  --sa-text: #ffffff;
  --sa-muted: #8e8e93;
  --sa-success: #30d158;
  --sa-warning: #ff4f00;
  --sa-danger: #ff3b30;
  --sa-purple: #bf5af2;
}

html,
body {
  background-color: var(--sa-bg);
  color: var(--sa-text);
}

/*
a {
  color: var(--sa-primary);
}

a:hover {
  color: var(--sa-warning);
}

hr {
  border-color: var(--sa-border);
}

input,
textarea,
select {
  background-color: var(--sa-input-bg);
  border: 1px solid var(--sa-input-border);
  color: var(--sa-text);
}

.card,
.mintlify-card,
.docs-card {
  background-color: var(--sa-card);
  border: 1px solid var(--sa-border);
}

.muted,
.text-muted {
  color: var(--sa-muted);
}

.alert-success {
  border-color: var(--sa-success);
}

.alert-warning {
  border-color: var(--sa-warning);
}

.alert-danger {
  border-color: var(--sa-danger);
}
*/
