export const DOCS_TOKENS = {
  colors: {
    info: {
      bg: "var(--color-bg-subtle)",
      border: "var(--color-accent)",
      text: "var(--color-text-main)",
      darkBg: "rgba(99, 102, 241, 0.1)",
    },
    warning: {
      bg: "var(--color-bg-subtle)",
      border: "var(--color-warning)",
      text: "var(--color-text-main)",
      darkBg: "rgba(245, 158, 11, 0.1)",
    },
    danger: {
      bg: "var(--color-bg-subtle)",
      border: "var(--color-error)",
      text: "var(--color-text-main)",
      darkBg: "rgba(239, 68, 68, 0.1)",
    },
    code: {
      bg: "var(--color-sidebar)",
      text: "var(--color-text-main)",
      border: "var(--color-border)",
    },
  },
  typography: {
    headingLg: "text-3xl font-bold tracking-tight text-text-primary",
    headingMd: "text-2xl font-semibold tracking-tight text-text-primary",
    headingSm: "text-xl font-semibold tracking-tight text-text-primary",
    body: "text-base leading-relaxed text-text-main",
    muted: "text-sm text-text-muted",
  },
  spacing: {
    cardGap: "gap-6",
    sectionGap: "gap-12",
  },
};