/* Great Northern Market — dark market hall: near-black, chalkboard headings
   in the brand's own Northern Chalk font, deep green + mural-orange pops. */

:root {
  --radius: 8px;
  --heading-transform: uppercase;
  --heading-spacing: 0.03em;
  /* Northern Chalk's word space is about three times wider than its letters
     want, so untouched headings read as separated words rather than a phrase
     ("ABOUT   US"). Pulled back to sit just wider than a normal space. */
  --heading-word-spacing: -0.34em;
  --heading-weight: 400;
  --hero-tint: rgba(10, 12, 11, 0.42);
}

body { background: #171717; color: #efe9dd; }

.site-header { --header-bg: #101010; --header-text: #f4eee1; box-shadow: 0 1px 0 rgba(255,255,255,0.10); }
.brand.on-dark { background: none; padding: 0; }

/* The hero photo is a bright, busy market hall — ceiling lights, murals and
   yellow banquettes right where the headline sits. Chalk letterforms are thin
   and ragged, so they lose against that far faster than a solid face would:
   deepen the scrim, pool some shade behind the copy, and give the text its
   own shadow. */
.hero::after {
  background:
    radial-gradient(62% 58% at 50% 46%, rgba(6, 8, 7, 0.62), transparent 76%),
    linear-gradient(180deg, rgba(10, 12, 11, 0.48), rgba(8, 9, 10, 0.78) 92%);
}

.hero-inner h1 {
  text-shadow:
    0 2px 5px rgba(0, 0, 0, 0.72),
    0 6px 26px rgba(0, 0, 0, 0.62);
}

.hero-inner p {
  color: #f1ece1;
  text-shadow:
    0 1px 4px rgba(0, 0, 0, 0.78),
    0 3px 16px rgba(0, 0, 0, 0.6);
}

.hero .btn { box-shadow: 0 6px 22px rgba(0, 0, 0, 0.45); }

/* Sub-page banners are the same problem at a smaller size. */
.page-banner::after {
  background: linear-gradient(180deg, rgba(10, 12, 11, 0.42), rgba(8, 9, 10, 0.74));
}

.page-banner-inner h1 {
  text-shadow:
    0 2px 5px rgba(0, 0, 0, 0.72),
    0 6px 26px rgba(0, 0, 0, 0.62);
}

.page-banner-inner p {
  color: #f1ece1;
  text-shadow:
    0 1px 4px rgba(0, 0, 0, 0.78),
    0 3px 16px rgba(0, 0, 0, 0.6);
}

.prose h2, .cards-block h2, .page-head h1 { color: #f4eee1; }
.prose h2::after { background: var(--accent); height: 3px; transform: rotate(-0.6deg); }

.prose p, .page-head p { color: #ddd5c6; }

.menu-card, .visit-card { background: #211f1c; border: 1px solid #35322c; }
.menu-card span { color: #f4eee1; }
.menu-card .card-sub { color: #cdc5b4; }

.visit-card { border-top-color: var(--accent); color: #ddd5c6; }
.visit-card h3 { color: #f4eee1; }
.visit-card a { color: #e8a03f; }

a { color: #e8a03f; }

/* Chalk stays for headings; nav reads better in Work Sans caps. */
.site-header nav a { font-family: var(--font-body); font-weight: 600; font-size: 0.92rem; letter-spacing: 0.1em; }