:root {
    --fh-green: #004d2d;
    --fh-gold: #d4af37;
    --fh-white: #ffffff;
    --fh-light-green: #eaf4ed;
}

/* Tables */
.TreasurerTable {
    border-collapse: collapse;
    margin: 0 auto;
    width: 90%;
    max-width: 800px;
    background-color: var(--fh-white);
    border: 2px solid var(--fh-green);
    border-radius: 8px;
    overflow: hidden;
}

.TreasurerTable th, .TreasurerTable td {
    border: 1px solid var(--fh-green);
    padding: 8px;
    text-align: center;
}

.TreasurerTable th {
    background-color: var(--fh-gold);
    color: var(--fh-green);
}

/* Responsive for phones */
@media (max-width: 768px) {
    .TreasurerTable {
        width: 100%;
        font-size: 14px;
    }
}