1export const fontFamilies = {
 2  sans: "Zed Sans",
 3  mono: "Zed Mono",
 4}
 5
 6export const fontSizes = {
 7  "3xs": 8,
 8  "2xs": 10,
 9  xs: 12,
10  sm: 14,
11  md: 16,
12  lg: 18,
13  xl: 20,
14};
15
16export type FontWeight = "thin"
17  | "extra_light"
18  | "light"
19  | "normal"
20  | "medium"
21  | "semibold"
22  | "bold"
23  | "extra_bold"
24  | "black";
25export const fontWeights: { [key: string]: FontWeight } = {
26  thin: "thin",
27  extra_light: "extra_light",
28  light: "light",
29  normal: "normal",
30  medium: "medium",
31  semibold: "semibold",
32  bold: "bold",
33  extra_bold: "extra_bold",
34  black: "black"
35};
36
37export const sizes = {
38  px: 1,
39  xs: 2,
40  sm: 4,
41  md: 6,
42  lg: 8,
43  xl: 12,
44};
45
46// export const colors = {
47//   neutral: colorRamp(["white", "black"], { steps: 37, increment: 25 }), // (900/25) + 1
48//   rose: colorRamp("#F43F5EFF"),
49//   red: colorRamp("#EF4444FF"),
50//   orange: colorRamp("#F97316FF"),
51//   amber: colorRamp("#F59E0BFF"),
52//   yellow: colorRamp("#EAB308FF"),
53//   lime: colorRamp("#84CC16FF"),
54//   green: colorRamp("#22C55EFF"),
55//   emerald: colorRamp("#10B981FF"),
56//   teal: colorRamp("#14B8A6FF"),
57//   cyan: colorRamp("#06BBD4FF"),
58//   sky: colorRamp("#0EA5E9FF"),
59//   blue: colorRamp("#3B82F6FF"),
60//   indigo: colorRamp("#6366F1FF"),
61//   violet: colorRamp("#8B5CF6FF"),
62//   purple: colorRamp("#A855F7FF"),
63//   fuschia: colorRamp("#D946E4FF"),
64//   pink: colorRamp("#EC4899FF"),
65// }