export const tokens = {
  color: {
    accent: {
      50: "#fbf6ef",
      100: "#f3e6d3",
      200: "#e3ceb1",
      300: "#cfad83",
      400: "#c29161",
      500: "#b07a3e",
      600: "#9a6634",
      700: "#7d522b",
    },
    neutral: {
      0: "#ffffff",
      50: "#f8f7f4",
      100: "#f2f0eb",
      200: "#e8e3da",
      300: "#d5cec3",
      500: "#6d645b",
      700: "#2b2520",
      900: "#151210",
    },
  },
  typography: {
    fontFamily: {
      heading: "\"Avenir Next\", \"SF Pro Display\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
      body: "\"Avenir Next\", \"SF Pro Text\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
      mono: "\"SF Mono\", ui-monospace, Menlo, Monaco, Consolas, monospace",
    },
    fontWeight: {
      regular: 450,
      medium: 550,
      semibold: 650,
      bold: 700,
    },
    fontSize: {
      xs: "0.75rem",
      sm: "0.875rem",
      base: "0.95rem",
      lg: "1.125rem",
      xl: "1.25rem",
      "2xl": "1.65rem",
      "3xl": "2.25rem",
      "4xl": "3rem",
    },
  },
  spacing: {
    1: "0.25rem",
    2: "0.5rem",
    3: "0.75rem",
    4: "1rem",
    5: "1.25rem",
    6: "1.5rem",
    8: "2rem",
    10: "2.5rem",
    12: "3rem",
  },
  radius: {
    sm: "0.5rem",
    md: "0.75rem",
    lg: "1rem",
    xl: "1.5rem",
    full: "999px",
  },
  shadow: {
    sm: "0 8px 24px rgba(21, 18, 16, 0.06)",
    md: "0 16px 40px rgba(21, 18, 16, 0.08)",
  },
} as const;

export type UhuruTokens = typeof tokens;