// Harbor: complementary. Clear blue with a restrained copper counterpoint. The warm accent balances cool navigation and gives selected details a second voice.
// docs/design/tokens.json with the Console's own Harbor overlay for light and dark (tokens.css, "Dashboard reference").
// The theme test lists every value that differs from tokens.json; the browser test checks them against the rendered page.
export const interfaceVersion = 1;

export function theme() {
  return {
    displayName: "Harbor",
    tokens: {
      light: {
        "--canvas": "#f1f5fa",
        "--surface": "#ffffff",
        "--raised": "#e4edf8",
        "--line": "#c8d4e3",
        "--border": "#636e7e",
        "--text": "#34445a",
        "--muted": "#53677e",
        "--action": "#2266bf",
        "--onAction": "#ffffff",
        "--accent": "#8d5e20",
        "--focus": "#2266bf",
        "--success": "#287658",
        "--warning": "#8f5c19",
        "--danger": "#ba2e26",
      },
      dim: {
        "--canvas": "#242d38",
        "--surface": "#2e3947",
        "--raised": "#384556",
        "--line": "#47576c",
        "--border": "#a4acb7",
        "--text": "#d6dbe1",
        "--muted": "#a9b1bc",
        "--action": "#8ab4ea",
        "--onAction": "#10141a",
        "--accent": "#e1b47a",
        "--focus": "#8ab4ea",
        "--success": "#85d5b7",
        "--warning": "#e7b574",
        "--danger": "#ea9d99",
      },
      dark: {
        "--canvas": "#141821",
        "--surface": "#1d222b",
        "--raised": "#293446",
        "--line": "#444f60",
        "--border": "#a4acb7",
        "--text": "#d8e0ef",
        "--muted": "#b5c2d6",
        "--action": "#64b5ff",
        "--onAction": "#10141a",
        "--accent": "#e1b47a",
        "--focus": "#74a6e7",
        "--success": "#85d5b7",
        "--warning": "#e7b574",
        "--danger": "#e37d78",
      },
    },
  };
}