/* ================================
   MAJOROPS PUBLISH THEME
   Bell Labs / IBM Inspired
================================ */

/* ---------- ROOT ---------- */

:root {
  --mo-paper: #f3efe3;
  --mo-paper-alt: #f7f1e6;
  --mo-ink: #1f2a33;
  --mo-blue: #5b7088;
  --mo-amber: #ba7b30;
  --mo-line: #c8bead;
  --mo-muted: #69717a;

  --background-primary: var(--mo-paper);
  --background-secondary: var(--mo-paper-alt);

  --text-normal: var(--mo-ink);
  --text-muted: var(--mo-muted);

  --interactive-accent: var(--mo-blue);
}

/* ---------- BODY ---------- */

body {
  background: var(--mo-paper);
  font-family:
    "IBM Plex Sans",
    "Inter",
    sans-serif;
}

/* ---------- PUBLISH LAYOUT ---------- */

.site-body {
  background: var(--mo-paper);
}

.site-body-center-column {
  max-width: 980px;
}

.markdown-preview-view,
.markdown-rendered {
  line-height: 1.75;
  font-size: 18px;
}

/* ---------- HEADINGS ---------- */

.markdown-rendered h1 {
  font-size: 4rem;
  font-weight: 300;
  letter-spacing: -0.04em;
  border-bottom: 2px solid var(--mo-ink);
  padding-bottom: 1rem;
}

.markdown-rendered h2 {
  margin-top: 4rem;
  border-bottom: 1px solid var(--mo-line);
  padding-bottom: 0.5rem;
  font-weight: 300;
}

/* ---------- TABLES ---------- */

.markdown-rendered table {
  border-collapse: collapse;
  width: 100%;
}

.markdown-rendered th {
  background: var(--mo-ink);
  color: var(--mo-paper);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.75rem;
}

.markdown-rendered th,
.markdown-rendered td {
  border: 1px solid var(--mo-line);
  padding: 0.85rem;
}

/* ---------- CALLOUTS ---------- */

.callout {
  border-radius: 0;
  border-left: 4px solid var(--mo-blue);
  background: #ece7db;
}

/* ---------- LINKS ---------- */

.internal-link {
  color: var(--mo-blue);
  text-decoration: none;
}

.internal-link:hover {
  text-decoration: underline;
}

/* ---------- NAVIGATION ---------- */

.tree-item-self {
  border-radius: 0;
}

.tree-item-self.is-active {
  background: var(--mo-ink);
  color: var(--mo-paper);
}

/* ---------- TAGS ---------- */

.tag {
  border-radius: 0;
  background: #e9e1d2;
  border: 1px solid var(--mo-line);
}

/* ---------- BLOCKQUOTES ---------- */

.markdown-rendered blockquote {
  border-left: 4px solid var(--mo-ink);
  font-size: 1.4rem;
  font-weight: 300;
  padding-left: 1.5rem;
}

/* ---------- DOC TYPES ---------- */

.type-field-manual h1 {
  text-transform: none;
}

.type-run-card {
  --mo-blue: #ba7b30;
}

.type-briefing h1 {
  font-size: 3rem;
}

/* ---------- HOME PAGE ---------- */

.page-home .markdown-preview-view {
  padding-top: 4rem;
}