:root {
    --bs-primary: #3D3300;
    --bs-secondary: #F8FDDD;
    --bs-success: #4CAF50;
    --bs-info: #17A2B8;
    --bs-warning: #FFC107;
    --bs-danger: #DC3545;
    --bs-light: #F8F9FA;
    --bs-dark: #343A40;
}

body {
    font-family: 'IBM Plex Mono', monospace;
    margin: 0;
    padding: 0;
    background-color: var(--bs-secondary); /* Updated background color */
    color: var(--bs-primary); /* Updated text color */
}
header {
    background-color: var(--bs-primary); /* Updated background color */
    color: var(--bs-secondary); /* Updated text color */
    padding: 1rem 0;
    text-align: center;
}
.container {
    padding: 2rem;
    max-width: 800px;
    margin: 0 auto;
}
h1, h2 {
    color: var(--bs-primary); /* Updated heading color */
}
footer {
    background-color: var(--bs-primary); /* Updated background color */
    color: var(--bs-secondary); /* Updated text color */
    text-align: center;
    padding: 1rem 0;
    position: fixed;
    width: 100%;
    bottom: 0;
}