/* Modern — minimal, monochrome + one accent, big left-aligned type, sharp,
   generous whitespace, image-forward.
   Good for: new restaurants, chef-driven spots, cocktail bars, design-led shops. */

:root {
  --accent:          #1a1a1a;
  --accent-contrast: #ffffff;
  --bg:              #ffffff;
  --surface:         #f6f6f4;
  --text:            #111111;
  --muted:           #6b6b6b;
  --border:          #e6e6e3;

  --radius: 0;
  --max-width: 64rem;

  --font-heading: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-body:    -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif;
  --heading-weight: 800;
  --heading-tracking: -0.02em;

  --h1-size: clamp(2.5rem, 8vw, 5rem);
  --h2-size: clamp(1.9rem, 4.5vw, 3rem);
  --hero-size: clamp(2.75rem, 10vw, 6rem);

  --section-pad: clamp(4rem, 12vw, 8rem);
  --hero-pad:    clamp(4.5rem, 14vw, 9rem);
  --title-align: left;
  --hero-align: left;
  --hero-align-margin: 0;
  --hero-width: 34rem;

  --nav-transform: uppercase;
  --nav-tracking: .06em;
  --nav-size: .82rem;
  --brand-transform: uppercase;
  --brand-tracking: .04em;

  --btn-transform: uppercase;
  --btn-tracking: .06em;
  --btn-pad: .85rem 1.8rem;
  --menu-rule: 1px solid var(--text);

  --header-bg: color-mix(in srgb, var(--bg) 92%, transparent);
  --footer-bg: #111111;
}

/* flat, editorial */
.section:nth-of-type(even) { --section-even-bg: #f6f6f4; }
.section__title::after { display: none; }
.menu__cat-name { font-weight: 800; text-transform: uppercase; letter-spacing: .04em; font-size: 1rem; }
.hero--color { --hero-color-bg: #111; --hero-color-fg: #fff; }
.events__item { border-radius: 0; }