@import "tailwindcss";

@theme {
  --color-bg: #0b1220;
  --color-bg-2: #111827;
  --color-surface: #111827;
  --color-surface-hover: #1a2332;
  --color-border: #1f2937;
  --color-border-strong: #374151;
  --color-text: #e5e7eb;
  --color-text-strong: #ffffff;
  --color-text-dim: #9ca3af;
  --color-text-dimmer: #6b7280;
  --color-accent: #3b82f6;
  --color-accent-hover: #2563eb;
  --color-success: #10b981;
  --color-warn: #f59e0b;
  --color-danger: #ef4444;
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
}

html {
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
}

body { margin: 0; min-height: 100dvh; }
*, *::before, *::after { box-sizing: border-box; }
