:root {
  --paper: #e2e6e1 !important;
  --paper-alt: #d3d9d4 !important;
  --paper-dark: #c3ccc5 !important;
  --ink: #101214 !important;
  --ink-soft: #2b3133 !important;
  --ink-mid: #3d4648 !important;
  --ink-dim: #4f595b !important;
  --rule: #8f9b95 !important;
  --rule-soft: #b8c2bc !important;
  --desk-surface: #edf0eb;
  --desk-surface-hard: #cdd5cf;
}

html,
body {
  background: var(--paper) !important;
  color: var(--ink) !important;
}

body {
  text-rendering: optimizeLegibility;
}

.masthead,
.masthead-main,
.topbar,
.header {
  background: var(--paper) !important;
  border-color: var(--ink) !important;
}

.wordmark,
.brand,
.logo h1,
.page-title,
.front-headline,
.page-head h1 {
  letter-spacing: 0 !important;
}

.kicker,
.eyebrow,
.meta-stripe,
.nav-right a,
.nav-links a,
.left-nav a,
.right-nav a,
.filter-chip,
.btn,
.cta,
.plan .ribbon,
.source-meta,
.byline,
.sum {
  letter-spacing: 0.06em !important;
}

.page-head,
.live-front-head,
.section,
.block,
.body article {
  border-color: var(--rule-soft) !important;
}

.price-card,
.plan,
.plan.featured,
.cta-block,
.upgrade-banner,
.entry,
.qa,
.faq-item,
.source-card,
.source-list li,
.src-table,
.status-card,
.metric,
.proof-card,
.ss-proof-item,
.ss-wire-row,
.operator-loop,
.desk-note,
.live-front-panel {
  background: var(--desk-surface) !important;
  border-color: var(--rule-soft) !important;
  box-shadow: none !important;
}

.cmp thead th,
.body code,
.tag,
.pill,
.chip,
.filter-chip,
.state-row,
.matrix-label,
.matrix-cell,
.def-item,
.chain-step {
  background: var(--desk-surface-hard) !important;
}

.btn,
.cta,
.nav-right .cta,
.hero-actions .btn,
.plan .plan-cta,
.cta-block .btn {
  border-radius: 2px !important;
}

.btn:not(.ghost),
.cta,
.nav-right .cta,
.hero-actions .btn:not(.ghost),
.plan .plan-cta:not(.ghost),
.cta-block .btn {
  background: var(--ink) !important;
  border-color: var(--ink) !important;
  color: var(--paper) !important;
}

.btn:not(.ghost):hover,
.cta:hover,
.nav-right .cta:hover,
.hero-actions .btn:not(.ghost):hover,
.plan .plan-cta:not(.ghost):hover,
.cta-block .btn:hover {
  background: var(--oxblood, #7a1020) !important;
  border-color: var(--oxblood, #7a1020) !important;
  color: #fff !important;
}

.btn.ghost,
.hero-actions .btn.ghost,
.plan .plan-cta.ghost {
  background: transparent !important;
  color: var(--ink) !important;
}

table,
.cmp,
.src-table {
  background: transparent !important;
}

hr,
.rule,
.divider {
  border-color: var(--ink) !important;
}