/* Theme: Gare
   For shops, restaurants, workshops, practices. Bricolage Grotesque for
   headings (wide, a bit loud, like a shop fascia), Atkinson Hyperlegible for
   everything you need to read fast: hours, prices, phone numbers. Bottle
   green on sand, pill buttons, light borders so tables stay quiet. */
@import url("../fonts/fonts.css");
:root {
  --ground: #F1EEE7;
  --surface: #FFFFFF;
  --ink: #1B1E1B;
  --muted: #58605A;
  --line: #D4D7CF;
  --line-strong: #B6BCB3;
  --accent: #245A3F;
  --accent-hover: #1B4731;
  --on-accent: #FFFFFF;
  --ok: #2E7D4F;
  --font-display: "Bricolage Grotesque", "Arial Black", Arial, sans-serif;
  --font-body: "Atkinson Hyperlegible Next", "Segoe UI", Arial, sans-serif;
  --weight-display: 700;
  --tracking-display: -0.02em;
  --radius: 6px;
  --radius-button: 999px;
  --radius-avatar: 6px;
  --measure: 60ch;
  --border-w: 1px;
  --link-underline: 2px;
}
h1, .w-h1 { font-variation-settings: "opsz" 96; }
.w-link { border-color: var(--line-strong); }
.w-link:hover { border-color: var(--accent); }
.w-link-primary { border-color: var(--accent); }
.w-button, .w-link { padding-inline: var(--space-5); }
.w-hours th { color: var(--ink); font-weight: 400; }
.w-hours td { font-weight: 600; }
.w-band-accent .w-button:hover { background: #E4EFE8; }

/* v2: more presence */
:root { --radius-img: 14px; --radius-band: 18px; --cover-scrim: #0F2A1E; }
.w-nav { padding-block: var(--space-5); }
.w-brand { font-size: 1.375rem; }
h1, .w-h1 { font-size: clamp(2.5rem, 1.5rem + 4.2vw, 4.75rem); }
.w-block-band { margin-inline: 0; padding: var(--space-7) var(--space-6); }
.w-footer { background: var(--ink); color: #C9D0C8; border-top: 0; margin-top: var(--space-8); padding-block: var(--space-6) var(--space-7); }
.w-footer a { color: #E9EDE7; }
.w-layout-wide .w-footer { max-width: none; padding-inline: max(var(--gutter), calc((100% - var(--page-wide)) / 2)); }
.w-legal dt { color: var(--ink); }
.w-cards-plain .w-card figure { aspect-ratio: 3 / 2; }
.w-stats strong { color: var(--accent); }