/*
 * ═══════════════════════════════════════════════════════
 *  BASKINIAL — RENK PALETİ
 *  Tüm site renklerini buradan değiştirin.
 * ═══════════════════════════════════════════════════════
 */

:root {
  /* Marka */
  --color-primary: #11b5b0;
  --color-primary-dark: #0e9894;
  --color-primary-light: #e7f7f6;

  /* Tipografi */
  --font-family-base: "Poppins", system-ui, -apple-system, sans-serif;

  /* Breakpoints */
  --bp-lg: 1023px;
  --bp-md: 768px;
  --bp-sm: 480px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  overflow-x: hidden;
}

body {
  font-family: var(--font-family-base);
  overflow-x: hidden;
  max-width: 100%;
}

img,
video,
svg {
  max-width: 100%;
  height: auto;
}

body.is-nav-open {
  overflow: hidden;
}

@media (max-width: 1023px) {
  body.is-nav-open {
    padding-top: var(--mobile-nav-offset, 8.5rem);
  }
}

@media (max-width: 768px) {
  input,
  select,
  textarea {
    font-size: 16px;
  }
}