/* Omsv2 — reskins the DefaultMaster theme (assets/css/main.css) to match
   nuxt.chefnet.org/juborajsamples/1/: Heritage Brown palette, Playfair
   Display + DM Sans. The theme is built on --rr-* custom properties, so
   overriding them here cascades through header, footer, buttons and
   typography without having to fight individual component rules. */

/* main.css sets html{font-size:10px} so the theme's own px-based --rr-fs-*
   variables land on a tidy scale. The appended sample sections (jt-*) use
   rem units authored against a normal 16px root, so under the theme's 10px
   root they rendered at 62.5% of their intended size. rem always resolves
   against the root element, so the only fix is to restore the root size —
   scoped here since omsv2-style.css only loads on Omsv2Master pages. */
html {
  font-size: 16px;
}

:root {
  --rr-ff-body: 'DM Sans', sans-serif;
  --rr-ff-heading: 'Playfair Display', serif;

  --rr-body-primary: #faf7f1;
  --rr-theme-primary: #c9a15c;
  --rr-theme-secondary: #2a1608;
  --rr-heading-primary: #2a1608;
  --rr-text-body: rgba(42, 22, 8, 0.65);
  --rr-text-p: rgba(42, 22, 8, 0.65);
  --rr-menu-primary: rgba(250, 247, 241, 0.92);
}

body {
  background: var(--rr-body-primary);
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  letter-spacing: -0.01em;
}

a {
  transition: color 0.2s ease;
}
a:hover {
  color: var(--rr-theme-primary);
}

/* Header top bar links get the same gold hover as the rest of the nav */
.header__top-menu li a:hover,
#mobile-menu ul li a:hover {
  color: var(--rr-theme-primary);
}