import { DynamicColorIOS } from "react-native";
import { palette } from "./palette";

const dynamic = DynamicColorIOS;

export const color = {
  canvas: dynamic(palette.canvas),
  surface: dynamic(palette.surface),
  raised: dynamic(palette.raised),
  fill: dynamic(palette.fill),
  ink: dynamic(palette.ink),
  muted: dynamic(palette.muted),
  border: dynamic(palette.border),
  accent: dynamic(palette.accent),
  onAccent: dynamic(palette.onAccent),
  selection: dynamic(palette.selection),
  voice: dynamic(palette.voice),
  claude: dynamic(palette.claude),
  pi: dynamic(palette.pi),
  danger: dynamic(palette.danger),
} satisfies Record<keyof typeof palette, ReturnType<typeof DynamicColorIOS>>;

export const inset = 20;
export const badge = 28;
/** Where row text begins: inset + harness badge + 12pt gap. */
export const column = inset + badge + 12;