/* breakpoints */
:root {
  --viewport-width: 1440;
  --viewport-height: 800;

  @media screen and (max-width: 1023px) {
    --viewport-width: 416;
    --viewport-height: 900;
  }
}

/* colors */
:root {
  --c-pure-white: #fff;

  --c-text-primary: #3f3f3f;
  --c-text-primary-rgb: 63, 63, 63;
  --c-text-primary-10: rgba(var(--c-text-primary-rgb), 0.1);
  --c-text-primary-40: rgba(var(--c-text-primary-rgb), 0.4);

  --c-accent: #f2ede5;

  --c-error: #b3261e;
}

/* fonts */
:root {
  --font-manrope: 'Manrope', sans-serif;
  --font-season: 'Season Mix', sans-serif;
}

/* z-index */
:root {
  --z-bg: -1;
  --z-default: 0;
}

/* transitions */
:root {
  --transition: 0.4s ease-in-out;
}