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

export const vitrineTheme: CatalogThemeDefinition = {
  id: "vitrine",
  label: "Vitrine",
  description: "Comercial, vibrante e focado em destaque visual para vender mais.",
  preview: "Impacto visual",
  cssVariables: {
    "--catalog-theme-bg": "#fff7ed",
    "--catalog-theme-surface": "#ffffff",
    "--catalog-theme-surface-soft": "#fffaf5",
    "--catalog-theme-border": "rgba(251, 146, 60, 0.2)",
    "--catalog-theme-shadow": "0 22px 52px rgba(234, 88, 12, 0.12)",
    "--catalog-theme-shadow-hover": "0 32px 72px rgba(190, 24, 93, 0.18)",
    "--catalog-theme-heading": "#7c2d12",
    "--catalog-theme-text": "#7c2d12",
    "--catalog-theme-muted": "#9a3412",
    "--catalog-theme-accent": "#ea580c",
    "--catalog-theme-accent-soft": "rgba(249, 115, 22, 0.12)",
    "--catalog-theme-header-bg": "rgba(255, 255, 255, 0.9)",
    "--catalog-theme-header-border": "rgba(251, 146, 60, 0.24)",
    "--catalog-theme-footer-bg": "#7c2d12",
    "--catalog-theme-footer-text": "#fff7ed",
  },
};