@tailwind base;
@tailwind components;
@tailwind utilities;

@font-face {
    font-family: 'TT Norms Pro';
    src: url('/fonts/tt-norms-pro-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Norms Pro';
    src: url('/fonts/tt-norms-pro-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

* {
    font-family: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html, body {
    font-family: 'TT Norms Pro', 'Inter', ui-sans-serif, system-ui, sans-serif;
    background-color: #F5F5F5;
    overflow-x: hidden;
}

.font-inter {
    font-family: 'Inter', sans-serif;
}

.nav-link {
    @apply text-base text-gray-700 hover:text-black font-medium transition-colors duration-200;
}

/* Marquee Animations */
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.marquee-track {
    display: flex;
    width: max-content;
    animation: marquee 22s linear infinite;
}

.backers-track {
    display: flex;
    width: max-content;
    animation: marquee 30s linear infinite;
}

.inner-card {
    will-change: transform;
}

/* Brand Styles for Marquee */
.brand-stripe { font-family: Georgia, serif; font-weight: 700; letter-spacing: -0.02em; font-size: 15px; }
.brand-coinbase { font-family: Arial, sans-serif; font-weight: 900; letter-spacing: 0.08em; font-size: 13px; text-transform: uppercase; }
.brand-uniswap { font-family: 'Trebuchet MS', sans-serif; font-weight: 600; letter-spacing: 0.01em; font-size: 15px; font-style: italic; }
.brand-aave { font-family: 'Courier New', monospace; font-weight: 700; letter-spacing: 0.12em; font-size: 13px; text-transform: uppercase; }
.brand-compound { font-family: Palatino, 'Book Antiqua', serif; font-weight: 400; letter-spacing: -0.01em; font-size: 16px; }
.brand-makerdao { font-family: Impact, 'Arial Narrow', sans-serif; font-weight: 400; letter-spacing: 0.04em; font-size: 14px; }
.brand-chainlink { font-family: Verdana, sans-serif; font-weight: 700; letter-spacing: -0.03em; font-size: 13px; }

.backer-fundamental { font-family: 'Times New Roman', serif; font-weight: 400; letter-spacing: 0.02em; font-size: 14px; }
.backer-kucoin { font-family: 'Arial Black', sans-serif; font-weight: 900; letter-spacing: 0.08em; font-size: 16px; }
.backer-ngc { font-family: Impact, sans-serif; font-weight: 700; letter-spacing: 0.05em; font-size: 18px; }
.backer-nxgen { font-family: Georgia, serif; font-weight: 600; letter-spacing: -0.02em; font-size: 17px; }
.backer-matter { font-family: Helvetica, sans-serif; font-weight: 700; letter-spacing: -0.01em; font-size: 15px; }
.backer-dextools { font-family: Verdana, sans-serif; font-weight: 700; letter-spacing: 0.06em; font-size: 14px; text-transform: uppercase; }
.backer-ngrave { font-family: 'Courier New', monospace; font-weight: 700; letter-spacing: 0.18em; font-size: 14px; }
.backer-polychain { font-family: Palatino, serif; font-weight: 500; letter-spacing: 0.03em; font-size: 15px; }