/*
Theme Name: Teaflex
*/

:root {
  --white: white;
  --beige: #CABDA4;
  --pale-beige: #F9F6F0;
  --black: #231815;
  --brown: #5d4235;
  --dark-brown: #3B2D21;

  --main-text-color: var(--dark-brown);
  --main-bg-color: var(--pale-beige);
  --sub-text-color: var(--dark-brown);
  --sub-bg-color: var(--white);
  --inverted-text-color: #F9F6F0;
  --inverted-bg-color: var(--beige);

  color: var(--main-text-color);
  background-color: var(--main-bg-color);

  --serif-font: "EB Garamond", "Shippori Mincho", serif;
  --sans-serif-font: "Lato", "Noto Sans JP", sans-serif;
  --main-font-family: var(--serif-font);
  
  line-height: 1;
  font-family: var(--serif-font);
  font-weight: 300;
  letter-spacing: 0;
  @media (max-width: 30rem){
    font-size: 14px;
  }
}
body {
  overscroll-behavior: none;
}