/* Sage & Botanical -  muted eucalyptus-sage and ivory, a soft botanical
   serif for the couple's names, understated organic-garden elegance. */

@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/fraunces-600.woff2') format('woff2');
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/jost-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/jost-600.woff2') format('woff2');
}

[data-theme="sage-botanical"] {
  --serif: 'Fraunces', serif;
  --label: 'Jost', sans-serif;
  --sans: 'Jost', sans-serif;
  --ink: #2f3b2c;
  --paper: #f5f1e6;
  --muted: #8fa07e;

  --hero-overlay: rgba(0, 0, 0, .22);
  --hero-fg: #fff;
  --hero-cta-border: rgba(255, 255, 255, .7);

  --toolbar-bg: #f5f1e6;
  --toolbar-border: #e4ddc9;

  --gallery-placeholder-bg: #ece5d3;

  --lightbox-bg: #f5f1e6;
  --lightbox-border: #e4ddc9;
  --lightbox-caption: rgba(47, 59, 44, .6);

  --slideshow-bg: #000;
  --slideshow-control-bg: rgba(255, 255, 255, .1);
  --slideshow-control-fg: #fff;

  --toast-bg: #2f3b2c;
  --toast-fg: #f5f1e6;
}

[data-theme="sage-botanical"] .hero__title {
  font-weight: 600;
  letter-spacing: -0.5px;
}