/* Raheela Project — shared site styles */
:root {
  /* Brand accent. Alternates from the design: #D9783A (clay), #7FB069 (sage). */
  --accent: #E0A21B;
  --ink: #13241D;
  --paper: #F2F4EF;
  --link: #7A5200;
  --link-hover: #4F3500;
}

html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); }
img, svg { max-width: 100%; }

a { color: var(--link); }
a:hover { color: var(--link-hover); }
a:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }

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