@layer base {
    :root {
        --primary: #0f172a;
        /* Slate 900 */
        --primary-light: #1e293b;
        /* Slate 800 */
        --accent: #f59e0b;
        /* Amber 500 */
        --accent-hover: #d97706;
        /* Amber 600 */
        --background: #f8fafc;
        /* Slate 50 */
        --foreground: #0f172a;
        --muted: #64748b;
        /* Slate 500 */
        --border: #e2e8f0;
        /* Slate 200 */
        --radius: 12px;
    }

    body {
        @apply bg-slate-50 text-slate-900 antialiased;
        font-family: 'Inter', system-ui, -apple-system, sans-serif;
    }
}

@layer components {
    .glass {
        @apply bg-white/70 backdrop-blur-md border border-white/20 shadow-sm;
    }

    .premium-card {
        @apply bg-white border border-slate-200 rounded-2xl shadow-sm hover:shadow-xl hover:border-amber-200 transition-all duration-300;
    }

    .btn-primary {
        @apply bg-slate-900 text-white px-6 py-2.5 rounded-xl font-semibold hover:bg-slate-800 transition-all flex items-center justify-center gap-2;
    }

    .btn-accent {
        @apply bg-amber-500 text-slate-900 px-6 py-2.5 rounded-xl font-bold hover:bg-amber-600 transition-all flex items-center justify-center gap-2;
    }

    .input-premium {
        @apply w-full bg-white border border-slate-200 rounded-xl px-4 py-3 focus:outline-none focus:ring-2 focus:ring-amber-500/20 focus:border-amber-500 transition-all;
    }
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    @apply bg-slate-100;
}

::-webkit-scrollbar-thumb {
    @apply bg-slate-300 rounded-full hover:bg-slate-400 transition-colors;
}