@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../public/fonts/fraunces-latin-variable.woff2") format("woff2");
}
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url("../public/fonts/dm-sans-latin-variable.woff2") format("woff2");
}
@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../public/fonts/bricolage-grotesque-latin-variable.woff2") format("woff2");
}
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("../public/fonts/nunito-sans-latin-variable.woff2") format("woff2");
}
:root {
  --ink: #211d24;
  --ink-soft: #55505a;
  --paper: #f8f7f2;
  --card: #fffdf9;
  --line: #ded9d1;
  --night: #21142f;
  --plum: #5d3e75;
  --coral: #ff9676;
  --lilac: #d8baf5;
  --sky: #bde8f2;
  --mint: #d7edd2;
  --focus: #8c60cc;
  --brand-blue: #2857a6;
  --brand-gold: #ffd269;
  --font-display: "Bricolage Grotesque", "Nunito Sans", sans-serif;
  --font-body: "Nunito Sans", Arial, sans-serif;
  --font-brand: "Bricolage Grotesque", "Nunito Sans", sans-serif;
  --max-content: 1200px;
  --radius-card: 12px;
  --radius-panel: 20px;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
}