/* Comparative identity trial only. Never include this sheet in Production
   without approval. The approved dark frame retains its original tokens. */
@font-face {
  font-family: 'DM Sans Identity';
  src: url('./assets/fonts/DMSans-400.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans Identity';
  src: url('./assets/fonts/DMSans-600.ttf') format('truetype');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans Identity';
  src: url('./assets/fonts/DMSans-700.ttf') format('truetype');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  /* Exact values from the current site's theme.css, not sampled from imagery. */
  --approved-frame: #292724;
  --approved-frame-light: #fbf3e7;
  /* Direction A: R05 palette, retained by R06. */
  --jb-paper: #fffaf2;
  --jb-cream: #f2e8d9;
  --jb-ink: #292724;
  --jb-pink: #e95083;
  --jb-teal: #35686a;
}

/* Preserve the upper band, splash, welcome and final Contacto.
   Their original logos, photography and gradients remain in engine/styles.css. */
.site-header, .splash, .hero, .contact, .nav-drawer {
  --color-ink: var(--approved-frame);
  --color-on-dark: var(--approved-frame-light);
  background-color: var(--approved-frame);
  color: var(--approved-frame-light);
}

/* New typography is scoped to the interior menu and its category controls. */
.menu-section, .section-nav {
  font-family: 'DM Sans Identity', var(--font-body);
  color: var(--jb-ink);
}
.section-nav {
  --color-paper: var(--jb-paper);
  background-color: var(--jb-paper);
}
.section-nav__scroll {
  --active-bg: var(--jb-paper);
  --active-ink: var(--jb-ink);
}
.section-nav a { font-weight: 600; }

.menu-section--comida {
  --section-bg: var(--jb-paper);
  --capsule-bg: var(--jb-paper);
  --capsule-ink: var(--jb-ink);
}
.menu-section--cervezas {
  --section-bg: var(--jb-cream);
  --capsule-bg: var(--jb-cream);
  --capsule-ink: var(--jb-ink);
}
.menu-section--cocteleria {
  --section-bg: var(--jb-paper);
  --capsule-bg: var(--jb-paper);
  --capsule-ink: var(--jb-ink);
}
.menu-section--sin-alcohol {
  --section-bg: var(--jb-cream);
  --capsule-bg: var(--jb-teal);
  --capsule-ink: var(--jb-paper);
}
.menu-section--destilados {
  --section-bg: var(--jb-paper);
  --capsule-bg: var(--jb-teal);
  --capsule-ink: var(--jb-paper);
}
.menu-section__title { font-weight: 700; letter-spacing: -.035em; }
.category__title { font-weight: 700; }
.category__header { border-bottom-color: var(--jb-pink); }
.menu-item__prices, .menu-item__variant-price { font-weight: 600; }
.menu-section .category-nav a {
  background-color: var(--jb-cream);
  color: var(--jb-ink);
}
.menu-section .category-nav a.is-active {
  background-color: var(--capsule-bg);
  color: var(--capsule-ink);
}
.section-nav a.is-active { box-shadow: 0 0 0 2px var(--jb-pink); font-weight: 700; }
.menu-section a:focus-visible, .section-nav a:focus-visible {
  outline-color: var(--jb-teal);
}