/* theme-parchment.css — warm cream */

:root {
    --bg:            #f5efe0;
    --text:          #3d2f1e;
    --topbar-bg:     #ece4d0;
    --topbar-border: #d4c8b0;
    --pulse-color:   rgba(180, 120, 50, 0.3);
    --accent-color:  #b47832;
    --toast-bg:      #3d2f1e;
    --toast-text:    #f5efe0;
    --modal-bg:      #faf6ed;
    --modal-shadow:  rgba(0, 0, 0, 0.12);
    --overlay-bg:    rgba(0, 0, 0, 0.3);
    --close-bg:      #ece4d0;
    --close-text:    #3d2f1e;
}

body { background-color: var(--bg); color: var(--text); }
#topbar { background-color: var(--topbar-bg); border-bottom: 1px solid var(--topbar-border); }
.icon-btn { color: var(--text); }
#toast { background: var(--toast-bg); color: var(--toast-text); }
#modal-overlay, #howto-overlay, #faq-overlay { background: var(--overlay-bg); }
#modal, #howto-modal, #faq-modal { background: var(--modal-bg); color: var(--text); box-shadow: 0 8px 32px var(--modal-shadow); border: 1px solid var(--topbar-border); }
#modal-close, #howto-close, #faq-close { background: var(--close-bg); color: var(--close-text); border: none; }