/*your custom style goes in this file*/
/*if you're overriding style blocks from genstyle.css, you only need to include the attributes you're overriding, not the whole block*/
:root {
    --primary-color: #8B4513;
    --secondary-color: #A0522D;
    --text-color: #333333;
    --accent-color: #CC7A59;
}

body {
    font-family: Lato;
    color: var(--text-color);
}

h1, h2, h3, h4, h5, h6 {
    font-family: Roboto;
}

.secondary-font {
    font-family: Roboto Slab;
}

.accent-font {
    font-family: Roboto;
}

/* Replace the green color with the secondary color */
table.tngtable th,
table.tngtable tr.head,
table.tngtable tr.subhead,
.navbar a:hover,
.navbar a:focus,
.navbar a:active,
.navbar .current_page_item > a,
.navbar .current-menu-item > a {
    background-color: var(--secondary-color);
}

/* Change the color of the right side rounded bar */
.bar.rightround {
    border-left-color: var(--secondary-color);
}

/* If you want to change the color of links, you can add this block */
a {
    color: var(--secondary-color);
}

a:hover, a:focus, a:active {
    color: var(--accent-color);
}