/*
 * THOLCH Base CSS
 * Variables, reset, typography defaults, global elements, spacing primitives,
 * and accessibility helpers only. Do not put viewport-specific layout here.
 */
:root {
  --tholch-bg: #f8f3ea;
  --tholch-surface: #fffaf2;
  --tholch-ink: #1f1b17;
  --tholch-muted: #756c61;
  --tholch-gold: #c58b2c;
  --tholch-amber: #8d4b22;
  --tholch-green: #344736;
  --tholch-border: rgba(31, 27, 23, 0.14);
  --tholch-shadow: 0 18px 45px rgba(31, 27, 23, 0.10);
  --tholch-radius: 8px;
  --tholch-container: 1180px;
  --tholch-font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --tholch-font-heading: Georgia, "Times New Roman", serif;
}

* {
  box-sizing: border-box;
}

html {
  max-width: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  max-width: 100%;
  overflow-x: hidden;
  color: var(--tholch-ink);
  background: var(--tholch-bg);
  font-family: var(--tholch-font-body);
  font-size: 18px;
  line-height: 1.65;
}

body {
  padding-top: var(--tholch-header-height, 76px);
}

body.admin-bar .site-header {
  top: 32px;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .js-scroll-effects .reveal-on-scroll {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .menu-toggle,
  .menu-toggle__bars,
  .menu-toggle__bars::before,
  .menu-toggle__bars::after,
  .main-navigation {
    transition: none;
  }
}