/* Robinhood Chain rebrand — palette override (loaded last in , wins cascade over all Next chunks) */ :root, :host { --color-base: #000000; /* page background — pure black (RH Legend) */ --color-bg: #08090a; /* secondary surface */ --color-panel: #151719; /* card / panel (RH Legend panel charcoal) */ --color-panel-2: #1c1f22; /* elevated panel */ --color-panel-3: #262a2e; /* highest elevation / hover */ --color-line: #35322d; /* border (RH warm stone) */ --color-line-soft: #1b1c1e; /* subtle divider */ --color-line-strong: #4a463f; /* emphasized border */ --color-fg: #ffffff; /* primary text */ --color-fg-muted: #bfbfbf; /* muted text */ --color-fg-subtle: #888784; /* subtle text */ --color-fg-faint: #5f5e5b; /* faint text */ --color-brand: #ccff00; /* ACCENT — Legend lime (was indigo #4361ff) */ --color-up: #ccff00; /* positive / price-up — lime (RH ticker) */ --color-down: #ff4c4e; /* negative / price-down — coral (RH ticker) */ --color-lattice: #16181a; /* grid pattern lines */ } /* black text on lime accent surfaces (primary CTA buttons / solid badges) for contrast */ a.bg-brand, button.bg-brand, .bg-brand { color: #0b0b0b !important; } /* header logo framed badge — render-blocking so it's correct on first paint (no JS pop-in) */ header img[alt="Quiver"] { width: 28px !important; height: 28px !important; padding: 4px !important; box-sizing: border-box !important; border-radius: 9px !important; background: var(--color-panel, #151719) !important; box-shadow: inset 0 0 0 1px var(--color-brand, #ccff00) !important; }