@import url("https://fonts.googleapis.com/css2?family=Sora:wght@600&display=swap");

/* Terracotta palette, overriding the pydata teal/purple defaults. */
html[data-theme="light"] {
  --pst-color-primary: #b4502f;
  --pst-color-primary-highlight: #9c3f26;
  --pst-color-primary-bg: #fae5dd;
  --pst-color-secondary: #8f3d23;
  --pst-color-secondary-highlight: #7a3320;
  --pst-color-secondary-bg: #f5d9cf;
  --pst-color-link-higher-contrast: #8f3d23;
  --pst-color-accent: #c85535;
  --pst-color-inline-code: #9c3f26;
  --pst-color-blockquote-notch: #d96c4f;
  --pst-color-table-row-hover-bg: #f7ddd3;
}

html[data-theme="dark"] {
  --pst-color-primary: #e8836a;
  --pst-color-primary-highlight: #f0a48f;
  --pst-color-primary-bg: #3a1f18;
  --pst-color-secondary: #f0a48f;
  --pst-color-secondary-highlight: #f5b6a3;
  --pst-color-secondary-bg: #4a2519;
  --pst-color-link-higher-contrast: #f0a48f;
  --pst-color-accent: #ef9a83;
  --pst-color-inline-code: #f2c0ac;
  --pst-color-blockquote-notch: #d96c4f;
  --pst-color-table-row-hover-bg: #4a2519;
}

/* Wordmark: the real text stays in the DOM for screen readers, the pseudo
   elements draw it in two tones. */
.navbar-brand.logo .logo__title {
  font-size: 0;
  letter-spacing: -0.03em;
  line-height: 1.1;
}

.navbar-brand.logo .logo__title::before,
.navbar-brand.logo .logo__title::after {
  font-family: "Sora", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
}

.navbar-brand.logo .logo__title::before {
  content: "ps";
  color: #d96c4f;
}

.navbar-brand.logo .logo__title::after {
  content: "EoR";
  color: var(--pst-color-text-base);
}