/* The existing light palette remains the default. Gold is an optional HOPE-logo palette. */
.brand-logo,.mobile-logo,.page-logo{display:block;object-fit:contain;object-position:center;border:0;background:transparent;flex-shrink:0;border-radius:50%}
.brand-logo{width:42px;height:42px;box-shadow:0 4px 12px #8a5b2430}
.mobile-logo{width:34px;height:34px;box-shadow:0 2px 8px #8a5b2425}
.page-logo{width:78px;height:78px;flex:0 0 auto;box-shadow:0 8px 25px #74501c24}
.appearance-select,.appearance-toggle{min-height:36px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);font-size:12px;font-weight:700;box-shadow:0 3px 12px #182d6e0a}
.appearance-select{max-width:105px;padding:0 7px;cursor:pointer}
.appearance-toggle{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;white-space:nowrap}
.appearance-toggle:hover,.appearance-select:hover{border-color:var(--blue)}
.appearance-toggle:focus-visible,.appearance-select:focus-visible{outline:3px solid #88a2ff;outline-offset:2px}
.appearance-toggle>span:first-child{font-size:19px;line-height:1}
.theme-label{font-size:11px}

body[data-theme="gold"]{
  --bg:#f6efe1;--surface:#fffaf0;--ink:#392613;--muted:#705b43;--line:#dfc898;
  --blue:#87551b;--blue-soft:#f3e3bd;--mint:#ead6a8;--mint-ink:#684619;
  --shadow:0 12px 32px rgba(105,67,22,.12);
  background:radial-gradient(circle at 94% 4%,#f1d99f 0,#f6efe1 38%,#f6efe1 100%);
}
body[data-theme="gold"] .side{background:linear-gradient(180deg,#fff8e8,#f2dfb8);border-right-color:#d8bc82}
body[data-theme="gold"] .topbar{background:#fff8e9e8;border-bottom-color:#d8bc82}
body[data-theme="gold"] .brand strong,body[data-theme="gold"] .page-heading h1{font-family:Georgia,"Noto Serif SC","Songti SC",serif}
body[data-theme="gold"] .brand-logo,body[data-theme="gold"] .mobile-logo,body[data-theme="gold"] .page-logo{box-shadow:0 5px 18px #6c411e4a}
body[data-theme="gold"] .page-logo{filter:saturate(1.12)}
body[data-theme="gold"] .desktop-nav button{color:#72553a}
body[data-theme="gold"] .desktop-nav button:hover,body[data-theme="gold"] .desktop-nav button.active{background:#ecd6a6;color:#5d3812}
body[data-theme="gold"] .network{background:#f1deb7;color:#65441c}
body[data-theme="gold"] .wallet,body[data-theme="gold"] .appearance-select,body[data-theme="gold"] .appearance-toggle{background:#fff8e9;color:#714717;border-color:#d7b976}
body[data-theme="gold"] .wallet:hover{background:#f1deb7}
body[data-theme="gold"] .preview-banner{background:#f5e6c4;border-color:#d7b574;color:#65421a}
body[data-theme="gold"] .preview-banner span{color:#79572b}
body[data-theme="gold"] .hero-card{background:radial-gradient(circle at 85% 12%,#edd29a 0,transparent 42%),linear-gradient(120deg,#fffaf0,#f5e6c5 75%,#eacb91);border-color:#d6b673}
body[data-theme="gold"] .hero-card:after{background:radial-gradient(circle,#c78f362f,transparent 70%)}
body[data-theme="gold"] .hero-value{color:#5f3c14}
body[data-theme="gold"] .hero-value small,body[data-theme="gold"] .card-topline{color:#755831}
body[data-theme="gold"] .balance-card,body[data-theme="gold"] .balance-card:nth-child(2){background:linear-gradient(145deg,#fffaf0,#f4e4bf)}
body[data-theme="gold"] .hope-price-card{background:linear-gradient(118deg,#fffaf0,#f4e5c1 62%,#ead09c);border-color:#d8b77c}
body[data-theme="gold"] .hope-price-grid>div,body[data-theme="gold"] .pool-grid>div{background:#fff9ea;border-color:#e1c795}
body[data-theme="gold"] .hope-price-grid strong,body[data-theme="gold"] .pool-grid strong{color:#704516}
body[data-theme="gold"] .reward-context,body[data-theme="gold"] .stake-readiness,body[data-theme="gold"] .referral-bind-status{background:#f7e9cb;color:#70491e;border-color:#ddc38e}
body[data-theme="gold"] .guardian-card,body[data-theme="gold"] .chat-portrait{background:linear-gradient(145deg,#f8edcf,#f2dfb1)}
body[data-theme="gold"] .guardian-head,body[data-theme="gold"] .mood{color:#76511e}
body[data-theme="gold"] .tax-chip,body[data-theme="gold"] .status-pill{background:#f2e1b9;color:#754818;border-color:#d9bc83}
body[data-theme="gold"] .donut{background:conic-gradient(#b8802d 0 33.333%,#81501c 33.333% 83.333%,#d6af69 83.333%)}
body[data-theme="gold"] .donut>div{background:#fff9ec}
body[data-theme="gold"] .legend .gold{background:#b8802d}body[data-theme="gold"] .legend .brown{background:#81501c}body[data-theme="gold"] .legend .charcoal{background:#d6af69}
body[data-theme="gold"] .message div,body[data-theme="gold"] .suggestions button{background:#f5e7c6;color:#563716;border-color:#ddc38e}
body[data-theme="gold"] .message.user div{background:#ead4a5}
body[data-theme="gold"] .chat-input button{background:#87551b}
body[data-theme="gold"] .transaction-status{background:#fff9ed;border-color:#d7bd8b}
body[data-theme="gold"] .eyebrow,body[data-theme="gold"] .overline{color:#94601f}
body[data-theme="gold"] .title-star,body[data-theme="gold"] .edition b{color:#b5802e}
body[data-theme="gold"] .primary,body[data-theme="gold"] .dark-button{background:linear-gradient(135deg,#8c5a1f,#684016);border-color:#7b4b17;color:#fff}
body[data-theme="gold"] .primary:hover:not(:disabled),body[data-theme="gold"] .dark-button:hover:not(:disabled){background:#6d4115;box-shadow:0 8px 18px #6d41153b}
body[data-theme="gold"] .metric-icon{background:#f3dfb3;color:#87551b}
body[data-theme="gold"] .progress-copy strong{color:#69431b}
body[data-theme="gold"] .track{background:#ead7af}
body[data-theme="gold"] .track div{background:linear-gradient(90deg,#d5a44b,#845018)}
body[data-theme="gold"] .panel,body[data-theme="gold"] .metric-card,body[data-theme="gold"] .parchment,body[data-theme="gold"] .chat-panel,body[data-theme="gold"] .chat-portrait{border-color:#e0c994}
body[data-theme="gold"] .mobile-nav{background:#fff7e9;border-top-color:#d9bd83}
body[data-theme="gold"] .mobile-nav button.active{background:#f0dfb9;color:#714718}
body[data-theme="gold"] .appearance-select:focus-visible,body[data-theme="gold"] .appearance-toggle:focus-visible{outline-color:#b78336}

@media(max-width:820px){.page-logo{width:62px;height:62px}.appearance-select{max-width:86px}.theme-label{display:none}.appearance-toggle{width:36px;padding:0}}
@media(max-width:580px){.topbar{height:auto;min-height:65px;padding:8px 12px;gap:6px}.mobile-brand .top-sep,.mobile-brand>span:last-child{display:none}.top-actions{gap:5px;min-width:0}.network{display:none}.appearance-select{width:86px;max-width:86px;font-size:11px}.appearance-toggle{width:34px;min-width:34px}.wallet{max-width:105px;overflow:hidden;text-overflow:ellipsis;padding:8px 10px;font-size:11px}.page-logo{width:50px;height:50px}.page-heading{align-items:center}.page-heading>div{min-width:0}.page-heading h1{font-size:clamp(22px,6vw,28px)}}
@media(max-width:360px){.topbar{flex-wrap:wrap}.top-actions{width:100%;justify-content:flex-end}.mobile-logo{height:28px;width:28px}.page-logo{width:43px;height:43px}}

/* One decorative image follows each currency name, including live text. */
.token-mention{display:inline-block;white-space:nowrap}
.inline-token-logo{display:inline-block;width:1em;height:1em;margin-left:.25em;object-fit:contain;vertical-align:-.13em}
.brand strong .inline-token-logo{width:32px;height:32px;vertical-align:-.24em;margin-left:8px}
.mobile-brand strong .inline-token-logo{width:27px;height:27px;vertical-align:-.3em;margin-left:7px}
.swap-token .inline-token-logo{width:30px;height:30px;margin-left:8px;vertical-align:middle}
.asset-select{position:relative}
.asset-select select{padding-right:72px}
.selected-asset-logo{position:absolute;pointer-events:none;right:36px;top:50%;transform:translateY(-50%);width:20px;height:20px;object-fit:contain}

/* Familiar send / receive swap layout. This only changes presentation. */
.swap-card{display:block;width:100%;min-width:0;max-width:720px;margin:18px auto 0;padding:25px;border-radius:25px}
.swap-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}
.swap-head>div{min-width:0}
.swap-head h2{margin:4px 0 0;font-size:22px}
.swap-route{flex:0 0 auto;border:1px solid var(--line);border-radius:100px;padding:6px 10px;color:var(--muted);font-size:11px;font-weight:800}
.swap-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;margin-bottom:17px;border-radius:13px;background:var(--blue-soft)}
.swap-tabs button{border:0;border-radius:10px;background:transparent;color:var(--muted);padding:9px 10px;font-size:13px;font-weight:800}
.swap-tabs button.active{background:var(--surface);color:var(--blue);box-shadow:0 3px 12px #172b6716}
.swap-input-card{padding:16px;border:1px solid #dfe6f4;border-radius:18px;background:#f7f9fe}
.swap-field-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;color:var(--muted);font-size:12px;font-weight:700}
.swap-field-top span:last-child{text-align:right;overflow-wrap:anywhere}
.swap-amount-row{display:flex;align-items:center;gap:10px;min-width:0}
.swap-token{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;white-space:nowrap;padding:7px 11px 7px 7px;border-radius:13px;background:var(--surface);box-shadow:0 2px 8px #19397010;color:var(--ink);font-size:15px}
.swap-token i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#3676ee;color:#fff;font-style:normal;font-weight:900}
.swap-token i#swapReceiveIcon{background:#27a9b9}
.swap-card .swap-amount-row input{min-width:0;flex:1;width:100%;border:0;background:transparent;text-align:right;padding:6px 0;color:var(--ink);font-size:clamp(20px,3vw,27px);font-weight:750;outline-offset:4px;box-shadow:none}
.swap-card .swap-amount-row input::placeholder{color:#a0acc0}
.swap-card .swap-amount-row strong{min-width:0;flex:1;text-align:right;overflow-wrap:anywhere;font-size:clamp(19px,3vw,27px);font-variant-numeric:tabular-nums;line-height:1.2}
.swap-card #swapMax{border:0;background:transparent;color:var(--blue);padding:7px 0 7px 3px;font-size:12px;font-weight:850;white-space:nowrap}
.swap-flip{display:grid;place-items:center;position:relative;z-index:1;width:40px;height:40px;margin:-9px auto;border:3px solid var(--surface);border-radius:13px;background:var(--blue-soft);color:var(--blue);font-size:23px;line-height:1;box-shadow:0 4px 12px #17326418}
.swap-flip:hover{background:#dbe4ff}
.swap-output{background:#fbfcff}
.swap-quote{display:grid;gap:9px;margin-top:17px;padding:14px 15px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}
.swap-quote>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:11px}
.swap-quote span{color:var(--muted)}
.swap-quote strong{max-width:60%;color:var(--ink);font-weight:800;text-align:right;overflow-wrap:anywhere}
.swap-status{min-height:19px;margin:12px 2px 10px;color:var(--muted);font-size:11px}
.swap-submit{width:100%;min-height:48px;font-size:15px}
.swap-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.swap-footer #priceReadiness{color:var(--mint-ink);font-size:11px;font-weight:800}
.swap-footer .text-link{font-size:11px;white-space:normal;text-align:left}
.swap-card>.footnote{margin-top:9px}
body[data-theme="gold"] .swap-tabs{background:#f2dfb8}
body[data-theme="gold"] .swap-input-card{background:#f7eacc;border-color:#d9be89}
body[data-theme="gold"] .swap-output{background:#fff7e7}
body[data-theme="gold"] .swap-token{background:#fffaf0}
body[data-theme="gold"] .swap-token i{background:#a9762e}
body[data-theme="gold"] .swap-token i#swapReceiveIcon{background:#75501e}
body[data-theme="gold"] .swap-flip{background:#eddaa9;color:#704616}
body[data-theme="gold"] .swap-quote{background:#fffaf0}
@media(max-width:580px){.swap-card{padding:17px;border-radius:20px}.swap-head h2{font-size:19px}.swap-route{font-size:10px;padding:5px 8px}.swap-input-card{padding:13px}.swap-token{font-size:13px;padding-right:8px}.swap-token i{width:29px;height:29px}.swap-amount-row{gap:6px}.swap-card .swap-amount-row input,.swap-card .swap-amount-row strong{font-size:22px}.swap-quote strong{max-width:56%}}

body[data-theme="gold"] .hope-price-value{color:#704516}
body[data-theme="gold"] .accounting-tile{background:#fff5e3;border-color:#d8b77c}
body[data-theme="gold"] .accounting-ledger{background:#fffaf0;border-color:#d8b77c}
body[data-theme="gold"] .accounting-status[data-state="ok"]{background:#e8f2da;color:#416129}