@import "http://localhost:4000/assets/tailwindcss";

@theme {
  --font-sans: 'Inter', sans-serif;
  --color-red: #ff0000;
  --color-red-text: #cc0000;
  --color-fg: #111111;
  --color-fg-muted: #666666;
  --color-light-gray: #f5f5f5;
  --color-border: #e0e0e0;
}

/* Focus-visible outline for keyboard navigation */
*:focus-visible {
  outline: 2px solid var(--color-red);
  outline-offset: 2px;
}