@font-face {
  font-family: "Cormorant Garamond";
  src: url("/convite/assets/fonts/CormorantGaramond-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cormorant Garamond";
  src: url("/convite/assets/fonts/CormorantGaramond-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --event-bg: #fbf4ec;
  --event-bg-soft: #fffaf5;
  --event-cream: #f6eadf;
  --event-blush: #efd1cc;
  --event-blush-dark: #c99894;
  --event-sage: #8da89d;
  --event-sage-soft: #dce9e4;
  --event-ink: #5d4741;
  --event-muted: #836f68;
  --event-gold: #b79472;
  --event-shadow: 0 20px 60px rgba(94, 71, 65, 0.16);
  --event-serif: "Cormorant Garamond", Georgia, serif;
  --event-sans: Montserrat, "Segoe UI", Arial, sans-serif;
}

* {
  box-sizing: border-box;
}

html {
  color-scheme: light;
}

body {
  color: var(--event-ink);
  font-family: var(--event-sans);
}

button,
input {
  font: inherit;
}

:focus-visible {
  outline: 3px solid rgba(183, 148, 114, 0.55);
  outline-offset: 3px;
}