/* Erzeugt von tools/build-seiten.mjs aus sites/geburtstagseinladung/site.js (theme). Liegt über style.css. */

@font-face {
  font-family: 'Bricolage';
  src: url('/site-fonts/bricolage.woff2') format('woff2');
  font-weight: 200 800;
  font-stretch: 75% 100%;
  font-display: swap;
}

@font-face {
  font-family: 'Fraunces';
  src: url('/site-fonts/fraunces.woff2') format('woff2');
  font-weight: 300 900;
  font-display: swap;
}

:root {
  --felt: #1f2a4d;
  --felt-deep: #161e3a;
  --wall: #f8eef0;
  --paper: #ffffff;
  --ink: #1d1a2b;
  --muted: #665a66;
  --line: #e6d3d8;
  --pin: #c8245a;
  --pin-deep: #9a1743;
  --marker: #ffc53d;
  --frame: #ead8dd;
  --pin-hover: #b11f50;
  --on-felt: #eceef7;
  --on-felt-light: #f5f6fb;
  --logo-h: 3rem;
  --logo-h-handy: 2.5rem;
  --logo-dreh: 0deg;
  --font: 'Bricolage', 'Segoe UI', system-ui, sans-serif;
  --font-display: 'Fraunces', var(--font);
}