/*!
 * Name:        Monstar Template
 * URI:         https://github.com/jackryanoracoy/monstar-template
 * Author:      Monstar Lab Cebu
 * Author URI:  https://monstar-template.ml
 * Description: A Scalable and Maintainable Template
 * Version:     1.0.0
 * License:     The MIT License
 * License URI: https://github.com/jackryanoracoy/monstar-template/blob/master/LICENSE.txt
 */

/*--------------------------------------------------------------
 Font Face
--------------------------------------------------------------*/
@font-face {
  font-family: "Noto Sans";
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  src: url("../../assets/fonts/Noto-Sans.woff2") format("woff2"), url("../../assets/fonts/Noto-Sans.woff") format("woff");
}

@font-face {
  font-family: "Noto Sans";
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  src: url("../../assets/fonts/Noto-Sans-Bold.woff2") format("woff2"), url("../../assets/fonts/Noto-Sans-Bold.woff") format("woff");
}

@font-face {
  font-family: "Futura Light";
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  src: url("../../assets/fonts/Futura-Light-BT.ttf") format("truetype");
}

@font-face {
  font-family: "Futura Medium";
  font-display: auto;
  font-style: normal;
  font-weight: 500;
  src: url("../../assets/fonts/Futura-Medium-BT.ttf") format("truetype");
}

@font-face {
  font-family: "Futura Bold";
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  src: url("../../assets/fonts/Futura-Bold-Font.ttf") format("truetype");
}

@font-face {
    font-family: "CabinSketch";
    src: url("../../assets/fonts/CabinSketch-Regular.otf") format("opentype");
}

@font-face {
    font-family: "CabinSketch Bold";
     font-weight: bold;
    src: url("../../assets/fonts/CabinSketch-Bold.otf") format("opentype");
}


/*--------------------------------------------------------------
 Custom Properties (CSS Varialbles)
--------------------------------------------------------------*/
:root {
  --primary: #009688;
  --secondary: #607D8B;
  --success: #4CAF50;
  --info: #00BCD4;
  --warning: #FF9800;
  --danger: #F44336;
  --light: #E0E0E0;
  --dark: #212121;
  --grey-50: #FAFAFA;
  --grey-100: #F5F5F5;
  --grey-200: #EEEEEE;
  --grey-300: #E0E0E0;
  --grey-400: #BDBDBD;
  --grey-500: #9E9E9E;
  --grey-600: #757575;
  --grey-700: #616161;
  --grey-800: #424242;
  --grey-900: #212121;
  --font-family-sans-serif: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}