@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
  src: url("../assets/fonts/font_008.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

.permanent-marker-regular {
  font-family: "Permanent Marker", cursive;
  font-weight: 400;
  font-style: normal;
  color: white;
}


@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
  src: url("../assets/fonts/font_007.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
  src: url("../assets/fonts/font_006.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
  src: url("../assets/fonts/font_005.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../assets/fonts/font_004.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../assets/fonts/font_003.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../assets/fonts/font_002.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../assets/fonts/font_001.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --font-family-base: "Plus Jakarta Sans";

  --color-white: #fff;
  --color-black: #000;
  --color-heading: #232323;
  --color-body: #565656;
  --color-text-soft: #666;
  --color-brand: #986dff;
  --color-tag-bg: #efe9ff;
  --color-tag-text: #774aff;
  --color-tag-bg-alt: #f4f4f4;
  --color-tag-text-alt: #333;
  --color-faq-border: #ededed;
  --color-mobile-nav-bg: #0c0b16;
  --color-whatsapp: #25d366;
  --color-whatsapp-hover: #1ebe5d;
  --color-dark-text-primary: #ffffff;
  --color-dark-text-secondary: rgba(255, 255, 255, 0.78);
  --color-dark-text-muted: rgba(255, 255, 255, 0.72);

  --gradient-brand: linear-gradient(270deg, #986dff 0%, #986dff 100%);

  --shadow-floating: 0 4px 12px rgba(0, 0, 0, 0.25);

  --radius-pill: 40px;
  --radius-card: 16px;
  --radius-xl: 32px;
  --radius-round: 50%;

  --container-max-width: 1140px;

  --space-0: 0;
  --space-7: 7px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-18: 18px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-50: 50px;
  --space-60: 60px;
  --space-72: 72px;
  --space-96: 96px;
  --space-100: 100px;
  --space-120: 120px;
  --space-200: 200px;

  --font-size-root: 62.5%;
  --font-size-96: 9.6rem;
  --font-size-40: 4rem;
  --font-size-32: 3.2rem;
  --font-size-24: 2.4rem;
  --font-size-20: 2rem;
  --font-size-18: 1.8rem;
  --font-size-16: 1.6rem;

  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;

  --line-height-120: 120%;
  --line-height-140: 140%;
  --line-height-150: 150%;
  --line-height-160: 160%;

  --transition-fast: 0.3s ease;
  --transition-menu: 0.4s;
  --transition-link: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
  --transition-nav: 1s all ease;
}