:root,
[data-theme="light"] {
  --primary: #ff5e3a;
  --primary-color: #ff5e3a;
  --brand-color: #ff5e3a;
  --btn-primary: #ff5e3a;
  --border-primary: #ff5e3a;
  --focus-default: 0 0 0 2px rgba(255, 94, 58, 0.28);
}

[data-theme="dark"] {
  --primary: #ff8a72;
  --primary-color: #ff8a72;
  --brand-color: #ff8a72;
  --btn-primary: #ff5e3a;
  --border-primary: #ff8a72;
}

.bg-surface-gray-7,
.btn-primary {
  background-color: #ff5e3a !important;
  border-color: #ff5e3a !important;
}

.hover\:bg-surface-gray-8:hover,
.btn-primary:hover,
.btn-primary:focus {
  background-color: #ea3f20 !important;
  border-color: #ea3f20 !important;
}

.text-ink-gray-9 a,
a.text-ink-gray-9:hover,
.page-card a {
  text-decoration-color: #ff5e3a;
}

.page-card-head img,
.navbar-brand img {
  max-height: 32px;
}

::selection {
  background: #ffe6e2;
  color: #1f2937;
}