/**
 * Constants for DocumentsHomeHub
 * 
 * Shared constants and CSS class definitions
 */

// Section header styling
export const sectionHeader = "text-base font-semibold text-content-secondary";

// Tip badge styling
export const tipBadge =
  "inline-flex items-center gap-1 px-1.5 py-0 rounded-full border text-xs bg-amber-50 text-amber-700 border-amber-200";

// Card styling constants
export const cardBaseClasses =
  "group relative bg-surface border border-edge rounded-lg hover:border-indigo-500/30 transition-all duration-200";

export const cardHoverClasses = "hover:shadow-md";

// Row styling constants
export const rowBaseClasses =
  "group relative flex items-center gap-3 px-3 py-2 bg-surface border-b border-edge hover:bg-surface-hover transition-colors";

// Status stripe styling
export const statusStripeClasses =
  "absolute left-0 top-0 bottom-0 w-1 cursor-pointer hover:w-1.5 transition-all";

// Kanban card styling
export const kanbanCardClasses =
  "bg-surface border border-edge rounded-lg p-3 shadow-sm transition-shadow cursor-pointer";

// Priority badge styling
export const priorityBadgeClasses =
  "inline-flex items-center gap-1 px-2 py-0.5 rounded-full border text-xs font-medium";

// Date badge styling
export const dateBadgeClasses =
  "inline-flex items-center gap-1 px-2 py-0.5 rounded-md text-xs text-content-secondary";

// Tag pill styling
export const tagPillClasses =
  "inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs bg-[var(--accent-secondary)] text-indigo-600 dark:text-indigo-400 border border-indigo-500/30";

