@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

body {
    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
}

.font-title {
    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.font-sans {
    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
}


@keyframes pulse-slow {
    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

.animate-pulse-slow {
    animation: pulse-slow 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Custom breakpoint: 240px — used on homepage traders grid */
@media (min-width: 240px) and (max-width: 1023px) {
    .traders-grid-240 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem;
    }
}

/* Twin Span: CTA button text — "Copy" on tiny screens, "Copy {name}" above 290px */
@media (max-width: 289px) {
    .show-above-290 {
        display: none;
    }
}
@media (min-width: 290px) {
    .show-below-290 {
        display: none;
    }
}