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

:root {
  /* 颜色变量 */
  --color-primary: #3b82f6;
  --color-secondary: #10b981;
  --color-accent: #f59e0b;
  --color-danger: #ef4444;
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-info: #3b82f6;
  --color-dark: #111827;
  --color-light: #f3f4f6;
  --color-bg: #ffffff;
  --color-text: #111827;
  --color-text-light: #6b7280;
  --color-border: #e5e7eb;
}


body {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: var(--color-text);
  background-color: var(--color-bg);
}

@layer components {
  .btn {
    @apply px-4 py-2 rounded font-medium transition duration-200;
  }
  
  .btn-primary {
    @apply bg-blue-500 text-white hover:bg-blue-600;
  }
  
  .container-custom {
    @apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;
  }
}