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

@layer base {
    :root {
        --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
    }

    body {
        @apply bg-slate-50 text-slate-900;
    }
}

@layer components {
    .glass-panel {
        @apply rounded-3xl border border-white/20 bg-white/70 shadow-xl backdrop-blur-md dark:border-white/10 dark:bg-slate-900/60;
    }

    .metric-card {
        @apply rounded-2xl border border-slate-200/80 bg-white/80 px-5 py-4 shadow-sm dark:border-slate-700/80 dark:bg-slate-900/50;
    }
}