/* Base typography */
body {
    font: 13px/1.5 'Segoe UI', Arial, sans-serif;
    background-color: #f3f0ed;
    color: #604333;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: #604333;
    margin-bottom: 15px;
}

h1 { font-size: 25px; }
h2 { font-size: 23px; }
h3 { font-size: 21px; }
h4 { font-size: 19px; }
h5 { font-size: 17px; text-decoration: underline; }
h6 { font-size: 15px; margin-top: 10px; }

/* Horizontal rule */
hr {
    border: 0;
    border-top: 2px solid #604333;
    clear: both;
    height: 0;
}

/* Tables */
table.TGTable {
    border-collapse: collapse;
    margin: 20px auto;
    background-color: #fdfaf7;
    border: 2px solid #604333;
}

table.TGTable th {
    background-color: #604333;
    color: #fff;
    padding: 8px;
    text-align: center;
}

table.TGTable td {
    border: 1px solid #604333;
    padding: 8px;
    color: #604333;
}

/* Links */
a {
    color: #604333;
    font-weight: 500;
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
}

/* Footer */
.footer {
    background-color: #604333;
    color: #fdfaf7;
    text-align: center;
    padding: 10px;
    margin-top: 30px;
}

/* Modal styling */
.modal-content {
    background-color: #fdfaf7;
    border-radius: 8px;
    border: 2px solid #604333;
}

.modal-header {
    background-color: #604333;
    color: #fff;
}

.modal-title {
    font-weight: bold;
}

.modal-footer {
    background-color: #f3f0ed;
    border-top: 1px solid #604333;
}

/* Buttons */
.btn-primary {
    background-color: #604333;
    border-color: #604333;
    color: #fff;
}

.btn-primary:hover {
    background-color: #4d3629;
    border-color: #4d3629;
}

.btn-secondary {
    background-color: #b8a89c;
    border-color: #b8a89c;
    color: #fff;
}

.btn-secondary:hover {
    background-color: #9c8a7d;
    border-color: #9c8a7d;
}