@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-hover: #334155;--color-text: #f8fafc;--color-text-muted: #94a3b8;--color-primary: #06b6d4;--color-primary-hover: #22d3ee;--color-accent: #10b981;--color-error: #ef4444;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}html{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);scroll-behavior:smooth}body{margin:0;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:700;letter-spacing:-.025em}}@layer components{.btn-primary{@apply inline-flex items-center justify-center px-6 py-3 text-sm font-medium transition-colors duration-200 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-slate-900;background-color:var(--color-primary);color:#000}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-ghost{@apply inline-flex items-center justify-center px-4 py-2 text-sm font-medium transition-colors duration-200 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-slate-900;color:var(--color-text-muted)}.btn-ghost:hover{color:var(--color-text);background-color:var(--color-surface)}.input-field{@apply w-full px-4 py-3 rounded-md border focus:outline-none focus:ring-2 transition-colors duration-200;background-color:var(--color-bg);border-color:var(--color-surface-hover);color:var(--color-text)}.input-field:focus{border-color:var(--color-primary);--tw-ring-color: var(--color-primary)}.input-field::placeholder{color:var(--color-text-muted)}.glass-card{@apply rounded-xl border backdrop-blur-sm;background-color:#1e293bb3;border-color:#ffffff1a}}@layer utilities{.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.text-gradient{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(to right,var(--color-primary),var(--color-accent))}}
