@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/manrope-latin.woff2') format('woff2');
}

.product-theme {
  --home-canvas: #25272a;
  --home-surface: #34373b;
  --home-raised: #41464a;
  --home-line: #757d85;
  --home-text: #f5f5f4;
  --home-muted: #bbc0c6;
  --home-accent: #f1b5a6;
  --home-accent-ink: #332019;
  --home-mint: #b6decd;
  --home-proof: #203331;
  --home-proof-muted: #bdcbc6;
  --home-secondary-action: #edf0ef;
  --home-secondary-ink: #24272a;
  background: var(--home-canvas);
  color: var(--home-text);
}
.product-theme.light-mode {
  --home-canvas: #f5f6f7;
  --home-surface: #ffffff;
  --home-raised: #e1e5e8;
  --home-line: #828c95;
  --home-text: #20262b;
  --home-muted: #515c66;
  --home-accent: #873a2b;
  --home-accent-ink: #ffffff;
  --home-mint: #24594b;
  --home-proof: #e5eeea;
  --home-proof-muted: #475e55;
  --home-secondary-action: #313638;
  --home-secondary-ink: #ffffff;
}