/* ── Ivy Nails Lounge — salon-specific overrides ──────────────────────────────
   Injected server-side AFTER the template stylesheet so these rules win.
   Font: Garamond Premier Pro Regular (self-hosted)
   ─────────────────────────────────────────────────────────────────────────── */

@font-face {
  font-family: 'GaramondPremierPro';
  src: url('/assets/fonts/garamond-premier-pro-regular.woff2') format('woff2'),
       url('/assets/fonts/garamond-premier-pro-regular.woff')  format('woff'),
       url('/assets/fonts/garamond-premier-pro-regular.ttf')   format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GaramondPremierPro';
  src: url('/assets/fonts/garamond-premier-pro-semibold.woff2') format('woff2'),
       url('/assets/fonts/garamond-premier-pro-semibold.woff')  format('woff'),
       url('/assets/fonts/garamond-premier-pro-semibold.ttf')   format('truetype');
  font-weight: 600 700 800;
  font-style: normal;
  font-display: swap;
}

/* Override all font-family CSS variables */
:root {
  --font-body: 'GaramondPremierPro', Georgia, serif;
  --font-head: 'GaramondPremierPro', Georgia, serif;
  --font-nav:  'GaramondPremierPro', Georgia, serif;
  --font-btn:  'GaramondPremierPro', Georgia, serif;
}

/* Belt-and-suspenders: cover any rule that hard-codes a font family */
*,
body,
h1, h2, h3, h4, h5, h6,
p, a, li, span, label, input, textarea, button, select {
  font-family: 'GaramondPremierPro', Georgia, serif !important;
}