/*
 * TysonTags Application Styles
 * This is a manifest file for Sprockets


 */

/* Tailwind-like utility styles for development */
/* In production, run: bin/rails tailwindcss:build */

:root {
  --primary-500: #3B82F6;
  --primary-600: #2563eb;
  --secondary-500: #10B981;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  line-height: 1.5;
  color: #1f2937;
  background-color: #f9fafb;
}

.bg-primary-500 { background-color: var(--primary-500); }
.bg-primary-600 { background-color: var(--primary-600); }
.bg-secondary-500 { background-color: var(--secondary-500); }
.text-primary-500 { color: var(--primary-500); }
.text-secondary-500 { color: var(--secondary-500); }