/* Old Silk Road visual system: parchment, brass, indigo, and caravan green. */
:root {
  --caravan-ink: #120f09;
  --caravan-night: #1b1b17;
  --caravan-parchment: #e8d7aa;
  --caravan-sand: #b89956;
  --caravan-brass: #d9b84a;
  --caravan-green: #a7ff20;
  --caravan-line: rgba(217, 184, 74, .42);
}

html, body { background: var(--caravan-ink) !important; color: var(--caravan-parchment) !important; }
body { font-family: Georgia, "Times New Roman", serif !important; background-image: radial-gradient(circle at 88% 8%, rgba(167,255,32,.11), transparent 22rem), repeating-linear-gradient(0deg, rgba(255,255,255,.018) 0 1px, transparent 1px 5px) !important; }
body::before { content: ""; position: fixed; z-index: -1; right: -6rem; bottom: -3rem; width: min(36vw, 420px); aspect-ratio: 1; background: url("/assets/silk-road-logo.webp?v=20260904") center/contain no-repeat; opacity: .15; filter: sepia(.35) saturate(1.3); pointer-events: none; }
a { color: var(--caravan-brass) !important; }
button, input, textarea, select { font-family: inherit !important; }

.sp-topbar, .srm-sitebar, .topbar { min-height: 74px; padding: 0 5vw !important; background: rgba(18,15,9,.96) !important; border-bottom: 1px solid var(--caravan-line) !important; box-shadow: 0 12px 30px rgba(0,0,0,.24) !important; }
.sp-market-brand img, .srm-brand img, .sg-logo img { content: url("/assets/silk-road-logo.webp?v=20260904"); object-fit: contain; object-position: center; border-radius: 50% !important; border: 1px solid var(--caravan-brass) !important; background: #060805; }
.sp-market-brand b, .srm-brand b, .brand, .sg-inbox-head h1 { color: var(--caravan-parchment) !important; font-family: Georgia, serif !important; letter-spacing: .13em !important; }
.sp-market-motto, .sp-route-online, .srm-sitebar small, .eyebrow, .sp-kicker { color: var(--caravan-brass) !important; font-family: ui-monospace, monospace !important; letter-spacing: .15em !important; }
.sp-market-nav a, .srm-sitebar nav a, .topbar nav a { color: var(--caravan-parchment) !important; font-family: ui-monospace, monospace !important; font-size: 10px !important; letter-spacing: .1em !important; }
.sp-market-nav a.active, .srm-sitebar nav a.active, .topbar nav a.active { color: var(--caravan-green) !important; }

.sp-shell, .srm-page main, .sg-app, .topbar + main { max-width: 1280px; }
.sp-hero, .hero, .srm-hero { position: relative; overflow: hidden; border: 1px solid var(--caravan-line) !important; background: linear-gradient(120deg, rgba(54,39,18,.92), rgba(18,15,9,.94)) !important; box-shadow: 0 26px 70px rgba(0,0,0,.32) !important; }
.sp-hero::after, .hero::after { content: ""; position: absolute; right: 2%; bottom: -20%; width: min(32%, 330px); height: 130%; background: url("/assets/silk-road-logo.webp?v=20260904") center bottom/contain no-repeat; opacity: .42; pointer-events: none; }
.sp-hero > *, .hero > * { position: relative; z-index: 1; }
.sp-hero h1, .hero h1, .srm-hero h1 { color: var(--caravan-parchment) !important; font-family: Georgia, serif !important; text-shadow: 2px 3px 0 #050403; }
.sp-panel, .chain-card, .terminal, .how-it-works article, .srm-card, .sg-inbox, .sg-thread, .sg-details { border: 1px solid var(--caravan-line) !important; background: linear-gradient(145deg, rgba(45,34,18,.96), rgba(20,17,10,.98)) !important; box-shadow: none !important; }
.sp-panel-head span, .srm-card small, .panel-title, .chain-card > span { color: var(--caravan-green) !important; }
.sp-token-card, .srt-card, .srm-owned-card { border: 1px solid rgba(217,184,74,.28) !important; background: rgba(9,8,5,.42) !important; }
.sp-token-art, .srt-art { border-radius: 0 !important; border: 1px solid var(--caravan-brass) !important; }

.sp-primary, .trade-button, .wallet-button, .srm-portal, .sg-primary, .srt-actions button.primary { border-radius: 0 !important; border: 1px solid var(--caravan-brass) !important; color: #161105 !important; background: linear-gradient(135deg, #e1c45f, #a9822e) !important; font-family: ui-monospace, monospace !important; font-weight: 800 !important; letter-spacing: .08em !important; box-shadow: 3px 3px 0 rgba(0,0,0,.45) !important; }
.sp-primary:hover, .trade-button:hover, .wallet-button:hover, .srm-portal:hover, .sg-primary:hover { transform: translate(-1px,-1px); filter: brightness(1.12); }
input, textarea, select, .input-shell { color: var(--caravan-parchment) !important; border-color: rgba(217,184,74,.45) !important; background: rgba(10,9,5,.75) !important; border-radius: 0 !important; }
input::placeholder, textarea::placeholder { color: rgba(232,215,170,.45) !important; }

.sg-rail { background: #15130d !important; border-right: 1px solid var(--caravan-line) !important; }
.sg-rail button.active, .sg-filter-row button.active { color: var(--caravan-green) !important; background: rgba(167,255,32,.09) !important; }
.sg-messages { background: repeating-linear-gradient(0deg, rgba(232,215,170,.015) 0 1px, transparent 1px 5px) !important; }
.notice, .gate-note, .legal, .sp-warning { color: #eadcb8 !important; border-color: rgba(217,184,74,.4) !important; background: rgba(104,73,18,.18) !important; }

@media (max-width: 760px) {
  body::before { width: 65vw; opacity: .08; }
  .sp-hero::after, .hero::after { opacity: .18; width: 58%; }
  .sp-market-motto { display: none !important; }
}