// Cobalt: complementary. A stronger royal blue meets a small amber accent. The high hue separation is controlled by using amber only in secondary details.
// Same values as docs/design/tokens.json; the theme test pins them to it.
export const interfaceVersion = 1;

export function theme() {
  return {
    displayName: "Cobalt",
    tokens: {
      light: {
        "--canvas": "#f3f3f7",
        "--surface": "#ffffff",
        "--raised": "#e6e8ef",
        "--line": "#cdd1df",
        "--border": "#63687e",
        "--text": "#454a5e",
        "--muted": "#60657b",
        "--action": "#1c3bc4",
        "--onAction": "#ffffff",
        "--accent": "#79671b",
        "--focus": "#1c3bc4",
        "--success": "#277255",
        "--warning": "#8f5c19",
        "--danger": "#ba2e26",
      },
      dim: {
        "--canvas": "#242838",
        "--surface": "#2e3248",
        "--raised": "#383d57",
        "--line": "#464d6d",
        "--border": "#a4a7b7",
        "--text": "#d0d2dc",
        "--muted": "#a6aab9",
        "--action": "#94a5f0",
        "--onAction": "#10141a",
        "--accent": "#e1ce7a",
        "--focus": "#94a5f0",
        "--success": "#85d5b7",
        "--warning": "#e7b574",
        "--danger": "#e89591",
      },
      dark: {
        "--canvas": "#12141c",
        "--surface": "#1c1f2c",
        "--raised": "#282c3e",
        "--line": "#383d57",
        "--border": "#a4a7b7",
        "--text": "#b6b9c9",
        "--muted": "#a4a7b7",
        "--action": "#798eec",
        "--onAction": "#10141a",
        "--accent": "#e1ce7a",
        "--focus": "#798eec",
        "--success": "#85d5b7",
        "--warning": "#e7b574",
        "--danger": "#e37d78",
      },
    },
  };
}