/* Pressto custom styles aligned with Chakra theme */
:root {
  --pressto-red-400: #2e3e73;
  --pressto-red-500: #0f1e3a;
  --pressto-red-700: #0a1325;
  --pressto-cream-50: #f6f8fc;
  --pressto-cream-200: #e9eef9;
  --pressto-cream-400: #d7def0;
  --pressto-yellow-500: #ffb020;
}

body {
  font-family: "Work Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial,
    sans-serif;
  background-color: var(--pressto-cream-50);
  color: var(--pressto-red-700);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--pressto-red-700);
  font-family: "Work Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial,
    sans-serif;
}

a {
  color: var(--pressto-red-400);
}

ul,
ol {
  list-style-position: inside;
}

th {
  font-weight: 100 !important;
}

td {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

/* Buttons */
.btn,
.btn-primary,
button {
  background-color: var(--pressto-yellow-500);
  border-color: var(--pressto-yellow-500);
  color: #151515;
}

.btn:hover,
.btn-primary:hover,
button:hover {
  filter: brightness(0.95);
}

/* Sidebar (Just the Docs) */
.side-bar,
.sidebar {
  background-color: var(--pressto-red-500);
}

.site-title,
.navigation-list .navigation-list-item a {
  color: #cdd6eb;
}

.search-input {
  background-color: #0c182e;
  color: #f6f8fc;
}

.search-result .search-result-title,
.search-results .search-result .search-result-title a {
  color: #f6f8fc;
}

code,
pre {
  background-color: var(--pressto-cream-200);
  border: 1px solid var(--pressto-cream-400);
  border-radius: 4px;
}