@import "tailwindcss";

:root {
  --color-cream: #fdf8f6;
  --color-blush: #f6e3e4;
  --color-blush-dark: #edd0d2;
  --color-rose: #c98a93;
  --color-rose-dark: #a8646e;
  --color-rosewood: #5c3338;
  --color-ink: #2b1f20;
}

@theme inline {
  --color-cream: var(--color-cream);
  --color-blush: var(--color-blush);
  --color-blush-dark: var(--color-blush-dark);
  --color-rose: var(--color-rose);
  --color-rose-dark: var(--color-rose-dark);
  --color-rosewood: var(--color-rosewood);
  --color-ink: var(--color-ink);
  --font-display: var(--font-playfair);
  --font-sans: var(--font-inter);
}

body {
  background: var(--color-cream);
  color: var(--color-ink);
  font-family: var(--font-sans), sans-serif;
}

.font-display {
  font-family: var(--font-display), serif;
}

.tracking-wide-plus {
  letter-spacing: 0.18em;
}