:root {
    --ds-black: #050507;
    --ds-green: #059669;
    --ds-gold: #d8b45f;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0;
}

html.dark,
html.dark body {
    background: var(--ds-black) !important;
    color: #f8fafc !important;
}

html.dark .bg-white,
html.dark .bg-zinc-50,
html.dark .bg-zinc-100 {
    background-color: #0b0b10 !important;
}

html.dark .bg-white\/95 {
    background-color: rgba(0, 0, 0, 0.95) !important;
}

html.dark .text-zinc-950,
html.dark .text-zinc-900,
html.dark .text-zinc-800 {
    color: #f8fafc !important;
}

html.dark .text-zinc-700,
html.dark .text-zinc-600 {
    color: #d4d4d8 !important;
}

html.dark .border-zinc-200,
html.dark .border-zinc-100 {
    border-color: rgba(255, 255, 255, 0.10) !important;
}

html.dark .shadow-zinc-200\/60,
html.dark .shadow-zinc-200\/70,
html.dark .shadow-zinc-200\/50,
html.dark .shadow-zinc-300\/50 {
    --tw-shadow-color: rgba(0, 0, 0, 0.35) !important;
    --tw-shadow: var(--tw-shadow-colored) !important;
}

.font-black {
    font-weight: 700 !important;
}

.account-menu summary::-webkit-details-marker {
    display: none;
}

.account-menu[open] summary {
    border-color: rgba(216, 180, 95, 0.55);
}

.hidden {
    display: none !important;
}

[data-filter-group] button.active,
[data-news-tabs] button.active {
    background: var(--ds-gold) !important;
    color: #000 !important;
    border-color: var(--ds-gold) !important;
}

.follow-button.is-following {
    background: var(--ds-gold) !important;
    color: #000 !important;
    border-color: var(--ds-gold) !important;
}

.positive {
    color: #10b981;
}

.negative {
    color: #ef4444;
}

.market-marquee {
    position: relative;
    flex: 1;
    overflow: hidden;
    min-width: 0;
}

.market-marquee::before,
.market-marquee::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 56px;
    pointer-events: none;
}

.market-marquee::before {
    left: 0;
    background: linear-gradient(90deg, #000, transparent);
}

.market-marquee::after {
    right: 0;
    background: linear-gradient(270deg, #000, transparent);
}

.market-marquee-track {
    display: inline-flex;
    width: max-content;
    gap: 28px;
    padding: 0 28px;
    animation: ds-market-marquee 38s linear infinite;
    will-change: transform;
}

.market-marquee:hover .market-marquee-track {
    animation-play-state: paused;
}

.market-marquee-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    color: #d4d4d8;
    white-space: nowrap;
}

.market-marquee-item strong {
    color: #fff;
}

.market-marquee-item em {
    font-style: normal;
    font-weight: 800;
}

.market-marquee-item em.up {
    color: #86efac;
}

.market-marquee-item em.down {
    color: #fca5a5;
}

@keyframes ds-market-marquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .market-marquee-track {
        animation: none;
    }
}