export const colors = {
  // Primary colors - matching the dashboard theme
  primary: "#2563eb",
  primaryLight: "#dbeafe",
  primaryDark: "#1d4ed8",

  // Secondary colors - modern grays
  secondary: "#64748b",
  secondaryLight: "#f1f5f9",
  secondaryDark: "#1e293b",

  // Accent colors
  accent: "#f59e0b",
  accentLight: "#fef3c7",
  accentDark: "#d97706",

  // Status colors
  success: "#10b981",
  successLight: "#d1fae5",
  warning: "#f59e0b",
  warningLight: "#fef3c7",
  error: "#ef4444",
  errorLight: "#fee2e2",
  info: "#06b6d4",
  infoLight: "#cffafe",

  // Neutral colors - modern palette
  white: "#ffffff",
  gray50: "#f8fafc",
  gray100: "#f1f5f9",
  gray200: "#e2e8f0",
  gray300: "#cbd5e1",
  gray400: "#94a3b8",
  gray500: "#64748b",
  gray600: "#475569",
  gray700: "#334155",
  gray800: "#1e293b",
  gray900: "#0f172a",
  black: "#000000",

  // Text colors
  textPrimary: "#0f172a",
  textSecondary: "#64748b",
  textDisabled: "#94a3b8",

  // Background colors
  background: "#f8fafc",
  card: "#ffffff",

  // Border colors
  border: "#e2e8f0",
  divider: "#f1f5f9",

  // Transparent colors
  transparent: "transparent",
  semiTransparent: "rgba(15, 23, 42, 0.6)",

  // Dark theme colors
  darkBackground: "#0f172a",
  darkCard: "#1e293b",
  darkBorder: "#334155",
  darkText: "#f8fafc",
  darkTextSecondary: "#cbd5e1",
};