export const palette = {
  bg: {
    base: "black",
    surface: "black",
    muted: "gray",
    accent: "blue",
    caution: "yellow",
    success: "green",
    danger: "red",
    info: "cyan",
  },
  text: {
    primary: "white",
    muted: "gray",
    subtle: "brightBlack",
    info: "cyan",
    warning: "yellow",
    success: "green",
    danger: "red",
  },
  badge: {
    dirty: { fg: "yellow", bg: undefined },
    push: { fg: "cyan", bg: undefined },
    pull: { fg: "magenta", bg: undefined },
    local: { fg: "yellow", bg: undefined },
    ok: { fg: "green", bg: undefined },
    github: { fg: "white", bg: undefined },
  },
} as const;

export const spacing = {
  xxs: 0,
  xs: 1,
  sm: 2,
  md: 3,
} as const;

export const typography = {
  header: { color: palette.text.info, bold: true },
  label: { color: palette.text.muted, bold: true },
  value: { color: palette.text.primary },
  muted: { color: palette.text.subtle },
} as const;