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

/*
  Boutique — o quarto template da loja virtual (moda).

  Etapa 1: nasceu como cópia do Vendor em arquivos próprios
  (`src/templates/boutique`, CSS próprio em `theme.css`, prefixo `--bq-`),
  para ligar o tema em todos os pontos do sistema antes de redesenhar.
  Etapa 2: o desenho da referência (moda "editorial chique"): fundo branco,
  preto em tudo que é ação, Montserrat + Georgia e o acento caramelo #AF7746.
  A lógica continua a mesma dos outros templates (carrinho, faixas,
  serviços, variações, estoque, regras).

  Nenhum arquivo da Boutique importa de `templates/vendor`: 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 da Boutique.
*/

export const boutiqueTheme: CatalogThemeDefinition = {
  id: "boutique",
  label: "Ateliê",
  description: "Cabeçalho sobre o banner, tipografia de revista, stories em destaque e vitrine de vídeos para comprar pelo vídeo.",
  preview: "Loja de moda",
  cssVariables: {
    "--catalog-theme-bg": "#ffffff",
    "--catalog-theme-surface": "#ffffff",
    "--catalog-theme-surface-soft": "#fafafa",
    "--catalog-theme-border": "#e8eaed",
    "--catalog-theme-shadow": "0 0 0 rgba(0, 0, 0, 0)",
    "--catalog-theme-shadow-hover": "0 6px 20px rgba(0, 0, 0, 0.08)",
    "--catalog-theme-heading": "#111111",
    "--catalog-theme-text": "#252525",
    "--catalog-theme-muted": "#666666",
    "--catalog-theme-accent": "#af7746",
    "--catalog-theme-accent-soft": "rgba(175, 119, 70, 0.08)",
    "--catalog-theme-header-bg": "#ffffff",
    "--catalog-theme-header-border": "#e8eaed",
    "--catalog-theme-footer-bg": "#f6f7f8",
    "--catalog-theme-footer-text": "#4b4f58",
  },
};