/* ===================================================================
   Ember — a warm printed-menu feel. Toasted ivory canvas, deep herb
   green accent, a high-contrast Playfair display over a clean sans.
   Built for the menu layout (name … price rows). Sector-neutral.
   =================================================================== */

:root {
  --font-display: 'Playfair Display', Georgia, serif;
  --color-bg:      #f7f2e9;
  --color-surface: #fffdf8;
  --color-text:    #2a2620;
  --color-text-2:  #5f584c;
  --color-text-3:  #746c5b; /* >=4.5:1 on --color-bg (WCAG AA) */
  --color-border:  #e3d9c6;
  --color-border-lt: #ece3d3;
  --color-primary:   #2f5d47;
  --color-primary-h: #244837;
  --color-primary-l: #e7eee9;
  --color-muted-bg:  #efe7d7;
}

body {
  font-family: 'Inter', sans-serif;
  background:
    radial-gradient(80% 50% at 100% 0%, rgba(47, 93, 71, 0.06), transparent 55%),
    var(--color-bg);
}

/* Menu heading rules echo a printed carte */
.sf-menu__section-head { border-bottom-color: var(--color-primary); }
.sf-menu__section-title { letter-spacing: .02em; }
.sf-menu__leader { border-bottom-style: dotted; border-bottom-color: var(--color-text-3); }
.sf-menu__price { color: var(--color-primary); }

/* Slim ember-toned hero rule */
.sf-hero--minimal { border-bottom-color: var(--color-primary); }
.sf-hero__eyebrow { font-style: italic; letter-spacing: .04em; text-transform: none; font-weight: 500; }