export type ThemeName = "dark" | "light";

/** モック（d-watch-mock.jsx）の DARK / LIGHT を CSS変数名に対応づけたトークン */
export const THEME_TOKENS = {
  dark: {
    bg: "#0f1419",
    sf: "#1a2332",
    sfH: "#1e2a3a",
    bd: "#2a3a4e",
    pr: "#3b82f6",
    prD: "#1e3a5f",
    ok: "#22c55e",
    okD: "#0a3d1f",
    wn: "#f59e0b",
    wnD: "#3d2a06",
    ng: "#ef4444",
    ngD: "#3d1111",
    ngB: "#ff6b6b",
    tx: "#e2e8f0",
    txD: "#94a3b8",
    txM: "#64748b",
    ac: "#06b6d4",
  },
  light: {
    bg: "#f1f5f9",
    sf: "#ffffff",
    sfH: "#f8fafc",
    bd: "#e2e8f0",
    pr: "#2563eb",
    prD: "#dbeafe",
    ok: "#16a34a",
    okD: "#dcfce7",
    wn: "#d97706",
    wnD: "#fef3c7",
    ng: "#dc2626",
    ngD: "#fee2e2",
    ngB: "#dc2626",
    tx: "#1e293b",
    txD: "#475569",
    txM: "#94a3b8",
    ac: "#0891b2",
  },
} as const;