@charset "UTF-8";

/*============================================================================
# FONTS
==============================================================================*/

@font-face {
  font-family: "Be Vietnam";
  src: url("/static/fonts/BeVietnamPro-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}





/*--------------------------------------------------------------
# VARIABLES
--------------------------------------------------------------*/

/* Fonts */
:root {

  --heading-font-family: "Be Vietnam";
  --heading-font-weight: 400;
  --heading-line-height: 1.5;

  --text-font-family: "Be Vietnam";
  --text-font-weight: 400;
  --text-line-height: 1.5;
  
  --button-line-height: 1.5;
}

/* Colors */
:root {
  --color-1: #00803c;
  --color-2: #009245;
  --color-3: #888;
  --color-4: #f6f6f7;
  --color-5: #fff;
}

/* Smooth scroll behavior */
:root {
  scroll-behavior: smooth;
}

/* Default border radius */
:root {
    --card-border-radius: 8px;
    --input-border-radius: 10px;
    --button-border-radius: 15px;
}