/* Custom Tailwind Configuration via CSS variables */
:root {
    --color-brand-50: #fdf8f6;
    --color-brand-100: #f2e8e5;
    --color-brand-500: #d97706; /* Warm Amber/Gold */
    --color-brand-600: #b45309;
    --color-brand-900: #1c1917; /* Dark Earth */
}

/* Ticker animation for destination banner */
@keyframes ticker {
    0% { 
        transform: translate3d(0, 0, 0); 
    }
    100% { 
        transform: translate3d(-50%, 0, 0); 
    }
}

.ticker-wrap {
    overflow: hidden;
    white-space: nowrap;
}

.ticker {
    display: inline-block;
    animation: ticker 25s linear infinite;
}

.ticker:hover {
    animation-play-state: paused;
}