/** Tokens aligned with justine/03_dashboard.html (new project modal + .btn-primary). */
export const JM = {
  overlay: "rgba(15,14,26,0.45)",
  cardShadow: "0 24px 64px rgba(30,27,75,0.18)",
  ink: "#1A1A1A",
  mid: "#6B7280",
  muted: "#9CA3AF",
  border: "#E5E7EB",
  cream: "#FAFAFF",
  inputBg: "#FAFAFA",
  indigo: "#6366F1",
  fontSans: 'var(--font-justine-jakarta), "Plus Jakarta Sans", ui-sans-serif, sans-serif',
  /** Headings use same face as Justine `.f` on dashboard */
  fontDisplay: 'var(--font-justine-jakarta), "Plus Jakarta Sans", ui-sans-serif, sans-serif',
  primaryGradient: "linear-gradient(135deg,#2E2A5E,#4338CA)",
  primaryShadow: "0 4px 14px rgba(30,27,75,0.14)",
  primaryShadowHover: "0 6px 20px rgba(30,27,75,0.22)",
  cardMaxWidth: 420,
  /** Build flow — design system step: kit list + preview side-by-side */
  cardMaxWidthDesignKit: 840,
} as const;

/** Overview / describe chat — justine/05_describe.html */
export const JV = {
  chatColumnBg: "linear-gradient(180deg, #FAFAFA 0%, #F5F3FF 100%)",
  prdPanelBg: "#F5F3FF",
  bubbleAiBg: "#F0F4FF",
  bubbleAiBorder: "#E0E7FF",
  bubbleUserBg: "#6366F1",
  bubbleUserColor: "#FFFFFF",
  inputWrapBg: "#FAFAFA",
  accentSoft: "#A5B4FC",
  violetTint: "#EDE9FE",
  /** Centered “studio” feed — main chat column */
  chatFeedMaxWidth: 720,
  /** User bubble (right rail) — soft tint, not flat indigo */
  userBubbleBg: "#EDE9FE",
  userBubbleBorder: "#E0E7FF",
  composerSurface: "#FFFFFF",
  composerRadius: 22,
  composerShadow: "0 4px 28px rgba(30, 27, 75, 0.08)",
} as const;
