*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --white: #FFFFFF;
  --bg: #FFFFFF;
  --bg-alt: #FAFAF8;
  --bg-subtle: #F5F3F0;
  --text-primary: #1A1A1A;
  --text-body: #37352F;
  --text-secondary: #6B6B6B;
  --text-muted: #9B9B9B;
  --accent: #D4870E;
  --accent-hover: #B87308;
  --accent-light: #FDF4E3;
  --accent-medium: #F5C748;
  --border: #E8E8E6;
  --border-dark: #D4D4D2;
  --code-bg: #F7F6F3;
  --sidebar-width: 260px;
  --toc-width: 200px;
}

a { text-decoration: none; color: inherit; }