/* Ripostery brand tokens. The approved logo lettering is custom artwork. */
@font-face {
  font-family: 'Manrope';
  src: url('./fonts/Manrope-Variable.ttf') format('truetype');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('./fonts/Inter-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --ripostery-black: #000000;
  --ripostery-charcoal: #24272B;
  --ripostery-silver: #B7BCC2;
  --ripostery-gold: #B59A61;
  --ripostery-white: #FFFFFF;
  --ripostery-ivory: #F5F4F0;
  --ripostery-mist: #ECEDEB;
  --ripostery-font-heading: 'Manrope', Arial, sans-serif;
  --ripostery-font-body: 'Inter', Arial, sans-serif;
}
.ripostery-heading {
  font-family: var(--ripostery-font-heading);
  font-weight: 800;
  line-height: 1.1;
  color: var(--ripostery-black);
}
.ripostery-body {
  font-family: var(--ripostery-font-body);
  font-weight: 400;
  line-height: 1.5;
  color: var(--ripostery-charcoal);
}
/* Editable approximation only. Use the PNG for the exact approved wordmark. */
.ripostery-wordmark-approximation {
  font-family: var(--ripostery-font-heading);
  font-weight: 800;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: var(--ripostery-black);
}
.ripostery-button {
  font-family: var(--ripostery-font-body);
  font-weight: 600;
  background: var(--ripostery-charcoal);
  color: var(--ripostery-white);
  border: 1px solid var(--ripostery-charcoal);
}