/*
 * Theme Name: Vafelo Theme
 * Version: 1.1.0
 * Author: flowstate s.r.o.
 * Author URI: https://flowstate.cz
*/

@import url("css/typography.css");
@import url("css/buttons.css");
@import url("css/forms.css");

@import url("css/header.css");
@import url("css/footer.css");

@import url("css/pages/front-page.css");
@import url("css/pages/404.css");

:root {
  --color-black: #000000;
  --color-white: #ffffff;
  --color-secondary: #feebd4;
  --color-primary: #4b1f1c;
  --color-light-blue: #86bae4;
  --color-dark-blue: #40637c;
  --color-light-pink: #f598a2;
  --color-dark-pink: #7e1d29;
  --color-light-orange: #eea255;
  --color-light-orange-gradient: #ffd2a4;
  --font-helvetica: "HelveticaNeue", sans-serif;
  --font-bagel: "Bagel-Fat", sans-serif;
  --font-caveat: "Caveat", sans-serif;
  --height-wave: min(18vw, 600px);
  --height-header: 110px;
}

@font-face {
  font-family: "HelveticaNeue";
  src: url("fonts/HelveticaNeue/HelveticaNeue-CondensedBlack.woff2")
    format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HelveticaNeue";
  src: url("fonts/HelveticaNeue/helvetica-neue-condensed-bold.woff2")
    format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HelveticaNeue";
  src: url("fonts/HelveticaNeue/helvetica-neue-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bagel-Fat";
  src: url("fonts/BagelFat/bagel-fat-fat.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Caveat";
  src: url("fonts/Caveat/Caveat-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: normal;
}

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

html,
body {
  margin: 0;
  padding: 0;
  overflow-x: clip;
}

body {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: inherit;
}