@font-face {
    font-family:"Raleway Black";
    src:url("./font/Raleway-Black.ttf") format("truetype")
}
@font-face {
    font-family:"Raleway Medium";
    src:url("./font/Raleway-Medium.ttf") format("truetype")
}
@font-face {
    font-family:"Raleway ExtraBold";
    src:url("./font/Raleway-ExtraBold.ttf") format("truetype")
}
@font-face {
    font-family:"Raleway SemiBold";
    src:url("./font/Raleway-SemiBold.ttf") format("truetype")
}
@font-face {
    font-family:"Raleway";
    src:url("./font/Raleway-Regular.ttf") format("truetype")
}
@font-face {
    font-family:"House Slant";
    src:url("./font/HouseSlant.eot");
    src:url("./font/HouseSlant.eot?#iefix") format("embedded-opentype"),
    url("./font/HouseSlant.woff") format("woff");
    font-style:normal;
    font-weight:400;
    font-stretch:normal
}

:root {
    --bg:         #ffffff;
    --surface:    #f4f4f4;
    --surface-alt:#e8eef8;
    --border:     #d0d0d0;
    --accent:     #1400c8;
    --accent-dim: #3a2fe0;
    --accent-bg:  #e8eaf8;
    --text:       #111111;
    --muted:      #555555;
    --read:       #f0f0f0;
    --error:      #cc2200;
    --success:    #007a3d;

    --font-brand: "House Slant", sans-serif;
    --font-body: "Raleway", serif;
    --font-nav: "Raleway", serif;
    --font-ui: "Raleway SemiBold", serif;
    --font-ui-bold: "Raleway ExtraBold", serif;
    --font-heading:      "Raleway Black", serif;
    --font-subheading:   "Raleway Medium", serif;
    --font-button:   "Raleway Black", serif;
}