/* ===== LIGHT THEME ===== */
html.light {
    --bg: #fafafa;
    --bg2: #eaeaea;
    --bg3: #dfdfdf;
    --bg4: #d3d3d3;
    --text: #212121;
    --text2: #555555;
    --accent: #8b5e3c;
    --accent2: #6f4a2b;
    --gold: #b8860b;
    --gold-light: #d4a017;
    --red: #c62828;
    --green: #2e7d32;
    --blue: #1565c0;
    --border: #bbbbbb;
    --shadow: rgba(0, 0, 0, 0.2);
}

/* ===== THEME TOGGLE BUTTON STYLING ===== */
#theme-toggle {
    background: transparent;
    border: 1px solid var(--border);
    color: var(--text2);
    padding: 0.2rem 0.6rem;
    border-radius: var(--radius);
    font-size: 0.7rem;
    cursor: pointer;
    font-family: var(--font);
    transition: 0.15s;
}

#theme-toggle:hover {
    border-color: var(--accent);
    color: var(--text);
}