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