@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Montserrat:wght@400;700&family=Poppins:wght@400;700&display=swap');

@import "tailwindcss";
@import 'swiper/css';
@import 'swiper/css/navigation';
@import 'swiper/css/pagination';
@import 'swiper/css/scrollbar';

@theme {
  --color-primary-50: #EEFCE9;
  --color-primary-100: #DAF8CF;
  --color-primary-200: #B6F2A4;
  --color-primary-300: #88E76F;
  --color-primary-400: #60D942;
  --color-primary-500: #45CF27;
  --color-primary-600: #2C9818;
  --color-primary-700: #247417;

  --color-dark-100: #C2C2C2;
  --color-dark-200: #B4B4B4;
  --color-dark-300: #647687;
  --color-dark-400: #2C3E50;
  --color-dark-500: #1F1F1F;
  --color-dark-550: rgba(31, 31, 31, 0.24);
  --color-dark-600: #16A085;

  --color-light-100: #E7E7E7;
  --color-light-200: #EDEDED;
  --color-light-300: #ECF0F1;
  --color-light-400: #F2F2F2;
  --color-light-500: #F7F7F7;
  --color-light-600: #FFFFFF;

  --color-success-100: #84cef5;
  --color-success-200: #43b6ed;
  --color-success-300: #1BA1E2;
  --color-success-400: #0d7dbc;
  --color-success-500: #0c6498;

  --color-warning-100: #ffcea8;
  --color-warning-200: #ffab71;
  --color-warning-300: #FF7D39;
  --color-warning-400: #fe5911;
  --color-warning-500: #ef3e07;

  --color-error-100: #FE68A6;
  --color-error-200: #f83c85;
  --color-error-300: #E91E63;
  --color-error-400: #CB0B47;
  --color-error-500: #A70D3B;

  --color-bgrn-500: #147B75;
  --color-bgrn-600: #3EB524;
}

* {
  font-family: "Inter", serif;
  margin: 0;
}

body {
  color: var(--foreground);
  background: var(--background);
  font-family: 'Inter', serif;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
}

.chapter-content * {
  font-family: inherit !important;
  line-height: inherit !important;
  font-size: inherit !important;
}