export const designConfig = {
  colors: {
    backgroundRgb: "18, 18, 18",
    mainSurfaceRgb: "25, 25, 25",
    horizontalSurfaceRgb: "30, 30, 30",
    focusSurfaceRgb: "35, 35, 35",
    assistantChipRgb: "18, 18, 18",
    assistantChipHoverRgb: "44, 44, 44",
    assistantChipSelectedRgb: "167, 59, 255",
    assistantChipSelectedTextRgb: "240, 240, 240",
    activeRgb: "167, 59, 255",
    activeTextRgb: "240, 240, 240",
    textMainRgb: "240, 240, 240",
    textMutedRgb: "166, 166, 166",
    dangerRgb: "126, 126, 126",
    scrollbarTrackRgb: "20, 20, 20",
    scrollbarThumbRgb: "30, 30, 30",
    scrollbarThumbHoverRgb: "30, 50, 30"
  },
  layout: {
    modeColumnWidthPx: 406,
    modeToggleWidthPx: 188
  }
} as const;

export type DesignConfig = typeof designConfig;