/* Original Tibia-inspired theme for FazendoTibia — custom colors/typography, no copied artwork */

:root {
    --gold: #c9a227;
    --gold-light: #e8cf7a;
    --brown-dark: #2b1d0e;
    --brown-mid: #4a331a;
    --parchment: #ece0c0;
    --parchment-dark: #d8c89c;
}

html {
    background-color: #1a120a;
}

body {
    background-image: url('../images/site-background.svg');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#SiteLogoText {
    font-family: 'Cinzel', serif;
    font-weight: 700;
    font-size: 42px;
    color: var(--gold-light);
    text-shadow: 2px 2px 0 var(--brown-dark), 0 0 12px rgba(201, 162, 39, 0.5);
    letter-spacing: 2px;
    cursor: pointer;
    padding: 18px 10px;
    text-align: center;
}

#ArtworkHelper {
    background: none;
}

.Box, #Loginbox, .TableContainer, .BoxContent {
    background-color: var(--parchment) !important;
    border: 2px solid var(--brown-mid);
    box-shadow: inset 0 0 0 2px var(--gold), 0 2px 6px rgba(0,0,0,0.4);
}

.BoxHeader, #LoginTop, .Text, th {
    background: linear-gradient(180deg, var(--brown-mid) 0%, var(--brown-dark) 100%) !important;
    color: var(--gold-light) !important;
    font-family: 'Cinzel', serif;
    border-bottom: 2px solid var(--gold);
}

a {
    color: var(--brown-mid);
}

a:hover {
    color: var(--gold);
}

body, td, p, div {
    font-family: 'Merriweather', serif;
}

/* Boosted (Destaques do Dia) box - text based, no copyrighted sprites */
.BoostedBox {
    background: linear-gradient(180deg, var(--brown-mid) 0%, var(--brown-dark) 100%);
    border: 2px solid var(--gold);
    border-radius: 4px;
    padding: 10px 12px;
    margin-bottom: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

.BoostedTitle {
    font-family: 'Cinzel', serif;
    font-weight: 700;
    color: var(--gold-light);
    text-align: center;
    font-size: 14px;
    margin-bottom: 8px;
    border-bottom: 1px solid var(--gold);
    padding-bottom: 5px;
}

.BoostedRow {
    display: flex;
    justify-content: space-between;
    padding: 3px 0;
}

.BoostedLabel {
    color: var(--parchment-dark);
    font-size: 12px;
}

.BoostedName {
    color: var(--gold-light);
    font-weight: 700;
    font-size: 12px;
}