/* ----------------------------------- */
/* ---------  GLOBAL STYLES  --------- */
/* ----------------------------------- */

:root {
  /* Fonts */
  --theme-font-family: 'Lexend', 'Roboto';
  --theme-font-family-header: 'Lexend', 'Roboto';
  --theme-font-family-body-copy: 'Lexend', 'Roboto';
  /* Font Size */
  --base-header-sm: 14px;
  --base-header-md: 20px;
  --base-header-lg: 26px;
  --base-default-font-size: 16px;
  /* Height / Width */
  --plugin-title-height: 60px;
  /* Colors */
  --error-color: #EF2817;
  --light-gray: rgba(34, 34, 34, 0.05);
  /* Borders */
  --base-border: 0.5px solid var(--theme-content-bg-text-color);
  --base-border-radius: 5px;
  /* Effects */
  --box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2);
  --base-modal-bg-color: #00000050;
}

/* --- Fonts --- */
@font-face {
  font-family: "Proxima Nova-Regular";
  src: url("/fonts/Proxima-Nova-Regular.otf")
    format("opentype");
}

@font-face {
  font-family: "Proxima Nova-Bold";
  src: url("/fonts/Proxima-Nova-Bold.otf")
    format("opentype");
}

@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/lexend/Lexend-300.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/lexend/Lexend-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/lexend/Lexend-800.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* --- General--- */
* {
  font-family: var(--theme-font-family);
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

/* --- Animations --- */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeInUp {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  20% {
    transform: translateY(60%);
    opacity: 0.2;
  }
  40% {
    transform: translateY(30%);
    opacity: 0.5;
  }
  60% {
    transform: translateY(15%);
    opacity: 0.7;
  }
  80% {
    transform: translateY(5%);
    opacity: 0.9;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}