// Graphite: monochromatic. One blue-gray hue uses value and saturation changes instead of a second brand hue. Semantic status colors remain independent.
// Same values as docs/design/tokens.json; the theme test pins them to it.
export const interfaceVersion = 1;

export function theme() {
  return {
    displayName: "Graphite",
    tokens: {
      light: {
        "--canvas": "#f5f5f5",
        "--surface": "#ffffff",
        "--raised": "#eaeaeb",
        "--line": "#d5d6d7",
        "--border": "#636e7e",
        "--text": "#434d5b",
        "--muted": "#5e6978",
        "--action": "#616975",
        "--onAction": "#ffffff",
        "--accent": "#5e6978",
        "--focus": "#616975",
        "--success": "#287658",
        "--warning": "#8f5c19",
        "--danger": "#ba2e26",
      },
      dim: {
        "--canvas": "#2d2e2f",
        "--surface": "#393a3c",
        "--raised": "#454749",
        "--line": "#57595c",
        "--border": "#a4abb7",
        "--text": "#dfe2e7",
        "--muted": "#afb6c0",
        "--action": "#b1b6be",
        "--onAction": "#10141a",
        "--accent": "#afb6c0",
        "--focus": "#b1b6be",
        "--success": "#85d5b7",
        "--warning": "#e7b574",
        "--danger": "#eba29e",
      },
      dark: {
        "--canvas": "#161718",
        "--surface": "#232425",
        "--raised": "#323334",
        "--line": "#454749",
        "--border": "#a4abb7",
        "--text": "#bcc3cd",
        "--muted": "#a4abb7",
        "--action": "#a6acb5",
        "--onAction": "#10141a",
        "--accent": "#a4abb7",
        "--focus": "#a6acb5",
        "--success": "#85d5b7",
        "--warning": "#e7b574",
        "--danger": "#e37d78",
      },
    },
  };
}