// Mineral: complementary. Deep teal and dusty rose oppose each other while keeping saturation restrained. Blue-green tinted layers carry the identity in dark mode.
// Same values as docs/design/tokens.json; the theme test pins them to it.
export const interfaceVersion = 1;

export function theme() {
  return {
    displayName: "Mineral",
    tokens: {
      light: {
        "--canvas": "#f3f6f6",
        "--surface": "#ffffff",
        "--raised": "#e8eded",
        "--line": "#d0dcda",
        "--border": "#637e7a",
        "--text": "#3d524f",
        "--muted": "#586f6c",
        "--action": "#2a7469",
        "--onAction": "#ffffff",
        "--accent": "#9f414f",
        "--focus": "#2a7469",
        "--success": "#287658",
        "--warning": "#935f1a",
        "--danger": "#ba2e26",
      },
      dim: {
        "--canvas": "#273432",
        "--surface": "#324340",
        "--raised": "#3d514e",
        "--line": "#4d6662",
        "--border": "#a4b7b4",
        "--text": "#e5ebea",
        "--muted": "#b2c2c0",
        "--action": "#87d4c8",
        "--onAction": "#10141a",
        "--accent": "#e0b3ba",
        "--focus": "#87d4c8",
        "--success": "#85d5b7",
        "--warning": "#e7b574",
        "--danger": "#eeaeaa",
      },
      dark: {
        "--canvas": "#141a19",
        "--surface": "#1f2927",
        "--raised": "#2c3a38",
        "--line": "#3d514e",
        "--border": "#a4b7b4",
        "--text": "#b9cbc8",
        "--muted": "#a4b7b4",
        "--action": "#87d4c8",
        "--onAction": "#10141a",
        "--accent": "#d18f99",
        "--focus": "#87d4c8",
        "--success": "#85d5b7",
        "--warning": "#e7b574",
        "--danger": "#e58580",
      },
    },
  };
}