/* Black & gold shared style: Playfair Display headings, Manrope text, thin gold borders.
   Pages are authored in "light" colours and shown through the dark-mode filter (see theme.js),
   so the colours below are the filter's input: #673b00 = gold, #161105 = cream text, #eeebe6 = card.
   Loaded last on every client page. */
body, * { font-family: 'Manrope','Segoe UI',Arial,sans-serif; }
h1, h2, h3, .title-row h2, .section-title, .balance-amount, .amount, .wallet-val, .tier-tab { font-family: 'Playfair Display',Georgia,serif; font-variant-numeric: lining-nums; }
.balance-amount, .amount, .wallet-val { font-weight: 800; letter-spacing: 0; }
.title-row h2 { font-weight: 800; font-size: 22px; letter-spacing: 0; text-transform: none; }
.title-icon, .avatar { box-shadow: 0 0 0 2px #eeebe6, 0 0 0 4px rgba(103,59,0,.32), 0 8px 22px rgba(103,59,0,.30); }
.topbar, .title-row, .header-card { box-shadow: 0 1px 0 rgba(103,59,0,.22); }
.card, .item, .link-item, .trade-card, .news-card, .method-card, .source-card, .contact-card, .pending-card {
  border: 1px solid #ddd7c8;
  box-shadow: 0 8px 24px rgba(103,59,0,.06);
}
.card, .trade-card, .news-card, .link-item, .item { border-radius: 18px; }
.method-card.selected, .source-card.selected { border-color: #673b00 !important; box-shadow: 0 0 0 3px rgba(103,59,0,.18); }
.bottom-nav { box-shadow: 0 -8px 28px rgba(103,59,0,.06) !important; border-top: 1px solid #ddd7c8 !important; }
input:focus, select:focus, textarea:focus { outline: none; border-color: #673b00 !important; box-shadow: 0 0 0 3px rgba(103,59,0,.18); }
input[type="checkbox"], input[type="radio"] { accent-color: #673b00; }
.btn-primary, .submit-btn, .btn-main { letter-spacing: .3px; font-weight: 700; }
.nav-item { font-weight: 600; }
.nav-item.active { color: #673b00; font-weight: 800; }