/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Styles are organized into focused files for maintainability:
 * - typography.css: Font declarations and typography utilities
 * - utilities.css: Layout, spacing, and utility classes
 * - tables.css: All table-related styles and responsive behavior
 * - components.css: Component-specific layouts and styles
 * - mobile.css: Mobile-specific responsive styles and touch interactions
 * - admin.css: Admin-specific styles
 *
 * The existing organized files (base.css, button.css, etc.) continue to work alongside these new files.
 */

/* Basic element styles */
a.link {
  color: var(--color-link);
  text-decoration: none;
}

a:hover.link {
  text-decoration: underline;
  font-weight: bold;
}

a, button, input[type="submit"] {
  cursor: pointer;
}

.btn {
  cursor: pointer !important;
}

/* Ensure Turbo stream elements don't affect layout */
turbo-cable-stream-source {
  display: none;
}