:root {
  --black: #111;
  --white: #fff;
  --gray: #777;
  --light: #f5f3ef;
  --line: rgba(17, 17, 17, .15);
  --accent: #a98255;

  --theme-color: #111;
  --theme-bg: #fff;
  --theme-soft: #f5f3ef;
  --theme-text: #111;
  --theme-muted: #777;
}

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

html { scroll-behavior: smooth; }

body {
  color: var(--black);
  background: var(--white);
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5;
}

a { color: inherit; text-decoration: none; }
img { display: block; width: 100%; object-fit: cover; }
button, input { font: inherit; }
button { cursor: pointer; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; animation: none !important; }
}