@font-face {
  font-family: "Pearl Jean";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../assets/fonts/PearlJean.ttf") format("truetype");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../assets/fonts/Poppins-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("../assets/fonts/Poppins-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("../assets/fonts/Poppins-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../assets/fonts/Nunito-Regular.ttf") format("truetype");
}

:root {
  --senalisa-purple: #190056;
  --senalisa-lavender: #9090d4;
  --senalisa-cream: #f9ebe5;
  --senalisa-pink: #e3a2ec;
  --senalisa-white: #fffefe;
  --senalisa-dark-background: #130922;
  --senalisa-dark-surface: #24133e;
  --senalisa-dark-cream: var(--senalisa-cream);
  --senalisa-dark-lavender: var(--senalisa-lavender);
  --senalisa-dark-white: var(--senalisa-white);
  --senalisa-dark-pink: var(--senalisa-pink);
  --senalisa-danger: #ba1a1a;
  --senalisa-success: #146c43;
  --senalisa-warning: #7a5900;

  --palette-purple: var(--senalisa-purple);
  --palette-dark-background: var(--senalisa-dark-background);
  --palette-dark-surface: var(--senalisa-dark-surface);
  --palette-lavender: var(--senalisa-lavender);
  --palette-cream: var(--senalisa-cream);
  --palette-pink: var(--senalisa-pink);
  --palette-white: var(--senalisa-white);
  --palette-success: #14532d;
  --palette-success-strong-soft: #d1fae5;
  --palette-success-fill: #34d399;
  --palette-success-deep: #064e3b;
  --palette-danger: #8f1d1d;
  --palette-danger-soft: #f9ebe5;
  --palette-danger-strong-soft: #fecaca;
  --palette-info: #084b72;
  --palette-warning: #744700;
  --palette-success-dark: #b7f7c2;
  --palette-danger-dark: #ffb4ab;
  --palette-info-dark: #a8d8ff;
  --palette-warning-dark: #ffd479;

  --senalisa-font-body: "Poppins", "Nunito", sans-serif;
  --senalisa-font-fallback: "Nunito";
  --senalisa-font-display: "Pearl Jean", "Poppins", sans-serif;
}