@import "tailwindcss";

@theme {
    --font-sans: "Instrument Sans", "Inter", ui-sans-serif, system-ui, sans-serif;
    --font-heading: "Instrument Sans", "Inter", sans-serif;

    /* Refined Premium Colors */
    --color-primary: var(--primary-color, #0f172a);
    --color-secondary: var(--secondary-color, #64748b);
    --color-accent: #3b82f6; /* A bit more vibrant for interaction */
    
    /* Animation Tokens */
    --animate-float: float 3s ease-in-out infinite;
    --animate-reveal: reveal 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@layer base {
    html {
        scroll-behavior: smooth;
        -webkit-font-smoothing: antialiased;
    }
    
    body {
        @apply text-slate-900 bg-white selection:bg-primary/10 selection:text-primary;
    }
}

@layer components {
    .glass-card {
        @apply bg-white/70 backdrop-blur-xl border border-white/20 shadow-2xl;
    }
    
    .premium-shadow {
        box-shadow: 0 20px 50px -12px rgba(15, 23, 42, 0.08);
    }
    
    .text-balance {
        text-wrap: balance;
    }
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

@keyframes reveal {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Custom scrollbar for premium feel */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    @apply bg-slate-50;
}
::-webkit-scrollbar-thumb {
    @apply bg-slate-200 rounded-full hover:bg-slate-300 transition-colors;
}