@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;
}

@font-face {
  font-family: "Share Tech";
  src: url("/static/fonts/ShareTech-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}






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

/* Fonts */
:root {

  --heading-font-family: "Share Tech";
  --heading-font-weight: 400;
  --heading-line-height: 1.35;

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

/* Colors & Gradients */
:root {
  --color-1: #0f0550;
  --color-2: #282982;
  --color-3: #4f86bc;
  --color-4: #85b5e6;
  --color-5: #ecedf9;
}

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

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