/* === GLOBAL PAGE === */
body {
    background: #0D0D0F;
    color: #E6E6E6;
    font-family: Arial, sans-serif;
    margin: 0;
}

/* === MAIN WRAPPER (your homepage uses this) === */
.wrapper, .main, .content {
    background: transparent;
    padding: 20px;
}

/* === HEADER IMAGE === */
header img {
    width: 100%;
    display: block;
    border-bottom: 4px solid #D4A63F;
}

/* === NAVIGATION BAR === */
nav {
    background: #121214;
    padding: 12px 20px;
    border-bottom: 2px solid #D4A63F;
}
nav a {
    color: #C9A14A;
    margin-right: 20px;
    font-weight: bold;
}
nav a:hover {
    color: #F2C75B;
}

/* === CONTENT PANELS === */
section, article, .panel, .content-box {
    background: #1F1F22;
    padding: 20px;
    border-radius: 6px;
    margin-bottom: 20px;
    border: 1px solid #3C3C3C;
}

/* === HEADINGS === */
h1, h2, h3 {
    color: #F2C75B;
    margin-top: 0;
    
}
h1 {
    text-align: center;
}


/* === LINKS === */
a {
    color: #C9A14A;
    text-decoration: none;
}
a:hover {
    color: #F2C75B;
}

/* === BUTTONS === */
button, .btn {
    background: #D4A63F;
    color: #0D0D0F;
    padding: 10px 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
button:hover, .btn:hover {
    background: #F2C75B;
}

/* === TABLES === */
table {
    width: 100%;
    border-collapse: collapse;
    background: #1F1F22;
}
th {
    background: #121214;
    color: #E6E6E6;
    padding: 10px;
}
td {
    padding: 10px;
    border-top: 1px solid #3C3C3C;
    color: #E6E6E6;
}

/* === FOOTER === */
footer {
    background: #121214;
    color: #E6E6E6;
    padding: 20px;
    border-top: 2px solid #D4A63F;
}

/* === INPUTS === */
input, textarea, select {
    background: #1F1F22;
    color: #E6E6E6;
    border: 1px solid #3C3C3C;
    padding: 8px;
}
input::placeholder {
    color: #888888;
}

.bracket-container {
    background: #1F1F22;
    padding: 20px;
    border-radius: 6px;
    border: 1px solid #3C3C3C;
    margin-bottom: 20px;
}