import type { CatalogThemeDefinition } from "@/themes/types";

/*
  Vendor — o terceiro template da loja virtual.

  Nasceu do zero, sem herdar nada do Padrão nem do Vitrine: componentes
  próprios em `src/templates/vendor`, CSS próprio em `theme.css`, e nenhuma
  peça compartilhada de desenho com os outros dois. A regra do projeto é que
  um template nunca mexa no outro — nem por acidente, nem por reaproveitamento.

  As cores aqui são só o fundo neutro do template. O que o lojista escolheu
  (cor da marca, cabeçalho, rodapé) entra por cima, em variáveis próprias, no
  shell do Vendor.
*/

export const vendorTheme: CatalogThemeDefinition = {
  id: "vendor",
  label: "Vendor",
  description: "Loja de gráfica: header em três faixas, grade de quatro colunas e página de produto com galeria fixa.",
  preview: "Estrutura de e-commerce",
  cssVariables: {
    "--catalog-theme-bg": "#f0f2f4",
    "--catalog-theme-surface": "#ffffff",
    "--catalog-theme-surface-soft": "#f6f8fa",
    "--catalog-theme-border": "#e1e7ef",
    "--catalog-theme-shadow": "0 1px 4px rgba(88, 100, 125, 0.08)",
    "--catalog-theme-shadow-hover": "0 8px 18px -10px rgba(75, 85, 105, 0.18)",
    "--catalog-theme-heading": "#111827",
    "--catalog-theme-text": "#1f2937",
    "--catalog-theme-muted": "#5b6577",
    "--catalog-theme-accent": "#111827",
    "--catalog-theme-accent-soft": "rgba(17, 24, 39, 0.06)",
    "--catalog-theme-header-bg": "#ffffff",
    "--catalog-theme-header-border": "#e1e7ef",
    "--catalog-theme-footer-bg": "#262626",
    "--catalog-theme-footer-text": "#f5f5f5",
  },
};