/* Café — light, airy, rounded, friendly sans, cream, lots of whitespace.
   Good for: coffee shops, bakeries, brunch spots, juice bars, casual lunch. */

:root {
  --accent:          #6f8f6a;
  --accent-contrast: #ffffff;
  --bg:              #fbf9f4;
  --surface:         #ffffff;
  --text:            #33322d;
  --muted:           #8a877d;
  --border:          #ece7dc;

  --radius: 16px;
  --max-width: 58rem;

  --font-heading: "Georgia", serif;
  --font-body:    ui-rounded, "Segoe UI", system-ui, -apple-system, sans-serif;
  --heading-weight: 600;
  --line-height: 1.7;

  --section-pad: clamp(3.5rem, 9vw, 6.5rem);
  --hero-pad:    clamp(4rem, 11vw, 8rem);
  --title-align: center;

  --btn-pad: .8rem 1.6rem;
  --menu-rule: 2px dotted color-mix(in srgb, var(--accent) 60%, transparent);
  --header-bg: color-mix(in srgb, var(--bg) 92%, transparent);
  --footer-bg: #43514a;
}

/* soft, generous */
.btn { box-shadow: 0 1px 0 color-mix(in srgb, var(--text) 12%, transparent); }
.hero__heading { font-style: italic; }
.menu__cats { gap: 3rem; }