/* Foodzee site — page-level layout glue (not reusable components).
   Component styling lives in foodzee.css (the vendored design system). */

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--foodzee-font-sans);
  font-size: var(--foodzee-text-base);
  line-height: var(--foodzee-leading-normal);
  color: var(--foodzee-text-primary);
  background: var(--foodzee-bg-base);
}
img { max-width: 100%; height: auto; }

/* Skip link (accessible; the live site's was non-focusable — we fix it) */
.foodzee-skip-link {
  position: absolute; left: -9999px; top: 0; z-index: 100;
  background: var(--foodzee-primary); color: #fff;
  padding: var(--foodzee-space-2) var(--foodzee-space-4); border-radius: 0 0 8px 0;
  font-weight: var(--foodzee-font-semibold);
}
.foodzee-skip-link:focus { left: 0; }

/* Width containers */
.foodzee-wrap { max-width: var(--foodzee-wide-width); margin: 0 auto; padding-left: var(--foodzee-space-4); padding-right: var(--foodzee-space-4); }
.foodzee-wrap--narrow { max-width: var(--foodzee-content-width); }

/* Section vertical rhythm */
.foodzee-section { padding: var(--foodzee-space-9) 0; }
.foodzee-section--tight { padding: var(--foodzee-space-7) 0; }