/* FindBartenders Help: brand layer
   Typography: DM Sans for everything, with a strong weight-and-size hierarchy.
   Playfair Display is NOT active. Rendering could not be verified, so per review guidance the default is a DM Sans hierarchy.
   To trial Playfair Display for H1 and major H2 headings later, uncomment the block marked "OPTIONAL DISPLAY FONT" below.
   Accents: brand red is set in documentation.json (colors). Gold (#CEB374, FindBartenders brand kit) is used sparingly for dividers. */

@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700;9..40,800&display=swap");

:root {
  --fb-gold: #CEB374;
  --fb-gold-soft: rgba(206, 179, 116, 0.35);
  --fb-red: #DB2D2D;
  --fb-red-deep: #9D0D0D;
  --fb-font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* One family across body, navigation, buttons, tables, labels */
body,
button,
input,
select,
textarea,
table {
  font-family: var(--fb-font-body);
}

/* Heading hierarchy: weight and tracking carry the brand, not a second typeface */
main h1,
article h1 {
  font-family: var(--fb-font-body);
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.15;
}

main h2,
article h2 {
  font-family: var(--fb-font-body);
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.25;
}

main h3,
main h4,
main h5,
main h6,
article h3,
article h4,
article h5,
article h6 {
  font-family: var(--fb-font-body);
  font-weight: 600;
  letter-spacing: -0.005em;
}

/* Restrained gold accent: horizontal rules inside content */
main hr,
article hr {
  border: 0;
  height: 1px;
  background: var(--fb-gold-soft);
}

/* Tables: clear header weight */
main table th,
article table th {
  font-weight: 600;
  letter-spacing: 0.01em;
}

/* Sidebar: active page. Avoid red text on a red tint.
   Neutral highlight, readable text, red only on the icon and a thin left bar. */
.dai-sidebar-page.dai-sidebar-page-active {
  color: #1f2937 !important;
  background-color: rgba(0, 0, 0, 0.05) !important;
  box-shadow: inset 3px 0 0 var(--fb-red-deep);
  font-weight: 600;
}

.dai-sidebar-page.dai-sidebar-page-active svg {
  color: var(--fb-red-deep) !important;
}

html.dark .dai-sidebar-page.dai-sidebar-page-active {
  color: #f4f4f5 !important;
  background-color: rgba(255, 255, 255, 0.07) !important;
  box-shadow: inset 3px 0 0 var(--fb-red);
}

html.dark .dai-sidebar-page.dai-sidebar-page-active svg {
  color: var(--fb-red) !important;
}

/* OPTIONAL DISPLAY FONT (inactive). Uncomment to trial Playfair Display on H1 and H2 only.
@import must move to the top of this file if enabled:
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&display=swap");

main h1,
article h1,
main h2,
article h2 {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-weight: 700;
  letter-spacing: -0.01em;
}
*/