// import { normalizeSize } from "../helpers/normalizeSize";

// Default colors - customize as needed
export const colors = {
  primary: "#007AFF", // iOS blue
  secondary: "#5856D6", // iOS purple
  success: "#34C759", // iOS green
  warning: "#FF9500", // iOS orange
  error: "#FF3B30", // iOS red
  white: "#FFFFFF",
  black: "#000000",
  gray: "#8E8E93",
  lightGray: "#F2F2F7",
  darkGray: "#1C1C1E",
  forest_green: "#228B22", // Forest green color

  neutral50: "#fafafa",
  neutral100: "#f5f5f5",
  neutral200: "#e5e5e5",
  neutral300: "#d4d4d4",
  neutral350: "#CCCCCC",
  neutral400: "#a3a3a3",
  neutral500: "#737373",
  neutral600: "#525252",
  neutral700: "#404040",
  neutral800: "#262626",
  neutral900: "#171717",

  green50: "#f0fdf4",
  green100: "#dcfce7",
  green200: "#bbf7d0",
  green300: "#86efac",
  green400: "#4ade80",
  green500: "#22c55e",
  green600: "#16a34a",
  green700: "#15803d",
  green800: "#166534",

  yellow50: "#fefce8",
  yellow100: "#fef9c3",
  yellow200: "#fef08a",
  yellow300: "#fde64b",
  yellow400: "#facc15",
  yellow500: "#eab308",
  yellow600: "#ca8a04",
  yellow700: "#a16207",
  yellow800: "#854d0e",


  red50: "#fef2f2",
  red100: "#fee2e2",
  red200: "#fecaca",
  red300: "#fca5a5",
  red400: "#f87171",
  red500: "#ef4444",
  red600: "#dc2626",
  red700: "#b91c1c",
  red800: "#991b1b",

  blue50: "#e6f3ff",
  blue100: "#cce6ff",
  blue200: "#99ccff",
  blue300: "#66b3ff",
  blue400: "#3399ff",
  blue500: "#0080ff",
  blue600: "#0066cc",
  blue700: "#004d99",
  blue800: "#003366",

  purple50: "#f5f3ff",
  purple100: "#e6e4ff",
  purple200: "#ccbfff",
  purple300: "#b399ff",
  purple400: "#9973ff",
  purple500: "#804dff",
  purple600: "#6633cc",
  purple700: "#4d1999",
  purple800: "#330066",

  orange50: "#fff8f1",
  orange100: "#ffe6cc",
  orange200: "#ffd199",
  orange300: "#ffb866",
  orange400: "#ff9e33",
  orange500: "#ff8500",
  orange600: "#cc6600",
  orange700: "#994d00",
  orange800: "#663300",

  pink50: "#fff1f9",
  pink100: "#ffe6f2",
  pink200: "#ffcce5",
  pink300: "#ff99cc",
  pink400: "#ff66b3",
  pink500: "#ff3399",
  pink600: "#cc227a",
  pink700: "#99195c",
  pink800: "#66113d",

  brown50: "#fdf8f1",
  brown100: "#fae8d4",
  brown200: "#f5d1aa",
  brown300: "#eba37d",
  brown400: "#e18254",
  brown500: "#d96639",
  brown600: "#c04e29",
  brown700: "#a63e21",
  brown800: "#8c331b",

  teal50: "#f0fdfa",
  teal100: "#d1fae5",
  teal200: "#a7f3d0",
  teal300: "#6ee7b7",
  teal400: "#34d399",
  teal500: "#10b981",
  teal600: "#0d946b",
  teal700: "#0f766e",
  teal800: "#115e59",

  lime50: "#f7fee7",
  lime100: "#ecfccb",
  lime200: "#d9f99d",
  lime300: "#bef264",
  lime400: "#a3e635",
  lime500: "#84cc16",
  lime600: "#65a30d",
  lime700: "#4d7c0f",
  lime800: "#3f6212",

  emerald50: "#ecfdf5",
  emerald100: "#d1fae5",
  emerald200: "#a7f3d0",
  emerald300: "#6ee7b7",
  emerald400: "#34d399",
  emerald500: "#10b981",
  emerald600: "#0d946b",
  emerald700: "#0f766e",
  emerald800: "#115e59",

  cyan50: "#ecfeff",
  cyan100: "#cffafe",
  cyan200: "#a5f3fc",
  cyan300: "#67e8f9",
  cyan400: "#22d3eb",
  cyan500: "#06b6d4",
  cyan600: "#0891b2",
  cyan700: "#0e7490",
  cyan800: "#155e75",

  sky50: "#f0f9ff",
  sky100: "#e0f2fe",
  sky200: "#bae6fd",
  sky300: "#7dd3fc",
  sky400: "#38bdf8",
  sky500: "#0ea5e9",
  sky600: "#0284c7",
  sky700: "#0369a1",
  sky800: "#075985",

  indigo50: "#f0f9ff",
  indigo100: "#e0f2fe",
  indigo200: "#bae6fd",
  indigo300: "#7dd3fc",
  indigo400: "#38bdf8",
  indigo500: "#0ea5e9",
  indigo600: "#0284c7",
  indigo700: "#0369a1",
  indigo800: "#075985",

  violet50: "#f5f3ff",
  violet100: "#e6e4ff",
  violet200: "#ccbfff",
  violet300: "#b399ff",
  violet400: "#9973ff",
  violet500: "#804dff",
  violet600: "#6633cc",
  violet700: "#4d1999",
  violet800: "#330066",

  fuchsia50: "#fdf4ff",
  fuchsia100: "#fae8ff",
  fuchsia200: "#f5d0fe",
  fuchsia300: "#f0b4fe",
  fuchsia400: "#e890fe",
  fuchsia500: "#d966fe",
  fuchsia600: "#c04ecc",
  fuchsia700: "#a63eab",
  fuchsia800: "#8c338a",
};

// Default font families - customize based on your project
export const fonts = {
  inter: "System", // Default system font
  // If you're using custom fonts, uncomment and set:
  // inter: "Inter-Regular",
  // interMedium: "Inter-Medium",
  // interSemiBold: "Inter-SemiBold",
  // interBold: "Inter-Bold",
};

// Font sizes using normalizeSize
export const size = {
  xs: 12,
  sm: 14,
  base: 16,
  md: 18,
  lg: 20,
  lg2: 24,
  xl: 26,
  xl2: 28,
  xxl: 32,
  txl: 40,
};

// export const size = {
//   xs: normalizeSize(12),
//   sm: normalizeSize(14),
//   base: normalizeSize(16),
//   md: normalizeSize(18),
//   lg: normalizeSize(20),
//   lg2: normalizeSize(24),
//   xl: normalizeSize(26),
//   xl2: normalizeSize(28),
//   xxl: normalizeSize(32),
//   txl: normalizeSize(40),
// };