@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/playfair-display-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/playfair-display-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/playfair-display-400-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/assets/fonts/dm-sans-300.woff2') format('woff2');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/dm-sans-400.woff2') format('woff2');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/dm-sans-500.woff2') format('woff2');
}

:root {
  --bg:#F5F0E8; --surface:#FDFAF5; --border:#EDE7D9; --border2:#DDD5C0;
  --text1:#1A1209; --text2:#3D2B1A; --text3:#C8BEA8;
  --accent:#C8903A; --accent-l:#FDF4E7; --accent-d:#A8721E;
  --gold:#D4A44C;
  --red:#DC2626; --red-l:#FEF2F2; --green:#16A34A; --green-l:#F0FDF4;
  --radius:12px; --radius-sm:8px; --radius-pill:20px;
  --shadow:0 1px 3px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04);
  --shadow-lg:0 6px 32px rgba(0,0,0,.11);

  /* Suggestion workflow */
  --suggestion-bg:#F3EEFA;
  --suggestion-border:#6B4FA0;
  --suggestion-text:#6B4FA0;
}