/* Page Index Entrance - Tailwind Extensions
 * This file adds Tailwind classes that aren't available in the default set
 */

/* 使用币安主题变量 - 从style.css继承 */

/* Tailwind Background Extensions - 使用币安主题变量 */
.bg-binance-primary {
    background-color: var(--theme-black, #0B0E11);
}

.bg-binance-secondary {
    background-color: var(--theme-black-light, #1A1D22);
}

.bg-binance-tertiary {
    background-color: var(--theme-black-lighter, #2A2D32);
}

/* Gradient Background Extensions (replacing inline styles) */
.bg-gradient-binance-primary {
    background: var(--gradient-dark, linear-gradient(135deg, #1A1D22 0%, #0B0E11 100%));
}

.bg-gradient-binance-secondary {
    background: var(--gradient-dark, linear-gradient(180deg, #1A1D22 0%, #0B0E11 100%));
}

.bg-gradient-binance-tertiary {
    background: var(--gradient-dark, linear-gradient(135deg, #2A2D32 0%, #1A1D22 100%));
}

/* Button Gradient Extensions */
.bg-gradient-binance-button {
    background: var(--gradient-primary, linear-gradient(135deg, #F0B90B 0%, #D9A441 100%));
}

/* Text Color Extensions - 使用币安主题变量 */
.text-binance-primary {
    color: var(--primary, #F0B90B);
}

.text-binance-accent {
    color: var(--success, #10B981);
}

/* Border Extensions - 使用币安主题变量 */
.border-binance-primary {
    border-color: var(--primary, #F0B90B);
}

.border-binance-accent {
    border-color: var(--success, #10B981);
}

/* 价格颜色 - 使用主题变量 */
.price-up {
    color: var(--success, #10B981);
}

.price-down {
    color: var(--error, #EF4444);
}



@keyframes glassShine {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

/* 响应式布局调整 */
@media (max-width: 768px) {
    .text-6xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

@media (max-width: 640px) {
    .text-6xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}