export const Colors = {
  bg: "#0f1117",
  surface: "#1a1d27",
  surface2: "#252836",
  primary: "#6366f1",
  primaryDim: "#4338ca",
  success: "#22c55e",
  warning: "#f59e0b",
  danger: "#ef4444",
  text1: "#f1f5f9",
  text2: "#94a3b8",
  textDim: "#64748b",
  border: "#2d3147",
} as const;

export const FontFamily = {
  sans: undefined,
  mono: "SpaceMono",
} as const;

export const FontSize = {
  xs: 11,
  sm: 13,
  base: 15,
  lg: 17,
  xl: 20,
  "2xl": 24,
  "3xl": 30,
} as const;

export const Spacing = {
  xs: 4,
  sm: 8,
  md: 16,
  lg: 24,
  xl: 32,
} as const;