/* FREDOKA */
@font-face { font-family: "Fredoka";   font-style: normal;   font-weight: 300;   src: url("/transisipaudsd/fonts/Fredoka-Light.ttf");          }
@font-face { font-family: "Fredoka";   font-style: normal;   font-weight: 400;   src: url("/transisipaudsd/fonts/Fredoka-Regular.ttf");        }
@font-face { font-family: "Fredoka";   font-style: normal;   font-weight: 500;   src: url("/transisipaudsd/fonts/Fredoka-Medium.ttf");         }
@font-face { font-family: "Fredoka";   font-style: normal;   font-weight: 600;   src: url("/transisipaudsd/fonts/Fredoka-SemiBold.ttf");       }
@font-face { font-family: "Fredoka";   font-style: normal;   font-weight: 700;   src: url("/transisipaudsd/fonts/Fredoka-Bold.ttf");           }

/* RUBIK */
@font-face { font-family: "Rubik";     font-style: normal;   font-weight: 300;   src: url("/transisipaudsd/fonts/Rubik-Light.ttf");            }
@font-face { font-family: "Rubik";     font-style: normal;   font-weight: 400;   src: url("/transisipaudsd/fonts/Rubik-Regular.ttf");          }
@font-face { font-family: "Rubik";     font-style: normal;   font-weight: 500;   src: url("/transisipaudsd/fonts/Rubik-Medium.ttf");           }
@font-face { font-family: "Rubik";     font-style: normal;   font-weight: 600;   src: url("/transisipaudsd/fonts/Rubik-SemiBold.ttf");         }
@font-face { font-family: "Rubik";     font-style: normal;   font-weight: 700;   src: url("/transisipaudsd/fonts/Rubik-Bold.ttf");             }
@font-face { font-family: "Rubik";     font-style: normal;   font-weight: 800;   src: url("/transisipaudsd/fonts/Rubik-ExtraBold.ttf");        }
@font-face { font-family: "Rubik";     font-style: normal;   font-weight: 900;   src: url("/transisipaudsd/fonts/Rubik-Black.ttf");            }

/* RUBIK ITALIC */
@font-face { font-family: "Rubik";     font-style: italic;   font-weight: 300;   src: url("/transisipaudsd/fonts/Rubik-LightItalic.ttf");      }
@font-face { font-family: "Rubik";     font-style: italic;   font-weight: 400;   src: url("/transisipaudsd/fonts/Rubik-Italic.ttf");           }
@font-face { font-family: "Rubik";     font-style: italic;   font-weight: 500;   src: url("/transisipaudsd/fonts/Rubik-MediumItalic.ttf");     }
@font-face { font-family: "Rubik";     font-style: italic;   font-weight: 600;   src: url("/transisipaudsd/fonts/Rubik-SemiBoldItalic.ttf");   }
@font-face { font-family: "Rubik";     font-style: italic;   font-weight: 700;   src: url("/transisipaudsd/fonts/Rubik-BoldItalic.ttf");       }
@font-face { font-family: "Rubik";     font-style: italic;   font-weight: 800;   src: url("/transisipaudsd/fonts/Rubik-ExtraBoldItalic.ttf");  }
@font-face { font-family: "Rubik";     font-style: normal;   font-weight: 900;   src: url("/transisipaudsd/fonts/Rubik-BlackItalic.ttf");      }

:root {

	/* FONTS */
	/* ------------------------------------ */
	
	--fn-primary	: "Fredoka", sans-serif;
	--fn-secondary	: "Rubik", sans-serif;

	/* FONT SIZES */
	/* ------------------------------------ */
	
	--fs-bigtitle	: 48px;
	--fs-title		: 40px;
	--fs-midtitle	: 32px;
	--fs-subtitle	: 24px;
	--fs-modtitle	: 20px;
	--fs-emphasis	: 18px;
	--fs-body		: 16px;
	--fs-modbody	: 12px;
	--fs-footer		: 14px;
	--fs-attrib		: 12px;
	--fs-team		: 10px;

}