@import "tailwindcss";
@config "../../../tailwind.config.js";

@source "../views/**/*.html.erb";
@source "../helpers/**/*.rb";
@source "../javascript/**/*.js";

@theme {
  --color-brand-50: #eff6ff;
  --color-brand-100: #dbeafe;
  --color-brand-500: #3b82f6;
  --color-brand-600: #2563eb;
  --color-brand-700: #1d4ed8;

  --font-sans: "Pretendard", sans-serif;
}

/* Force generation of these classes (safelist equivalent) */
.bg-brand-600 {
  background-color: var(--color-brand-600);
}

.text-brand-600 {
  color: var(--color-brand-600);
}