/* Landing — composes all sections + applies tweak classes */

const PALETTES = {
  serenity: {
    label: 'Serenidade · creme + azul-petróleo',
    vars: {
      '--bg': '#f7f3ee', '--bg-elev': '#fbf8f3', '--bg-deep': '#ece4d6',
      '--ink': '#1f2b33', '--ink-soft': '#3a4853', '--muted': '#6f7a82',
      '--line': '#e3d9c9', '--line-soft': '#efe7d8',
      '--primary': '#2d4a5a', '--primary-deep': '#1f3744',
      '--accent': '#c89968', '--accent-soft': '#e8c89d',
    },
  },
  garden: {
    label: 'Jardim · creme + verde-musgo',
    vars: {
      '--bg': '#f6f2e9', '--bg-elev': '#fbf8f0', '--bg-deep': '#ebe3d1',
      '--ink': '#202820', '--ink-soft': '#3d4a3d', '--muted': '#6c7868',
      '--line': '#dfd6c2', '--line-soft': '#ece4d3',
      '--primary': '#4a6a4c', '--primary-deep': '#2f4831',
      '--accent': '#c89968', '--accent-soft': '#e8c89d',
    },
  },
  warmth: {
    label: 'Calor · areia + terracota',
    vars: {
      '--bg': '#f8f1e7', '--bg-elev': '#fbf6ed', '--bg-deep': '#ecdfcb',
      '--ink': '#2a201a', '--ink-soft': '#46382f', '--muted': '#7a6a5c',
      '--line': '#e0d3bd', '--line-soft': '#ebe0cd',
      '--primary': '#9c5d3e', '--primary-deep': '#6e4029',
      '--accent': '#6a8a72', '--accent-soft': '#a7bda9',
    },
  },
};

const FONTS = {
  jakarta: { label: 'Plus Jakarta Sans', stack: '"Plus Jakarta Sans", system-ui, sans-serif' },
  figtree: { label: 'Figtree', stack: '"Figtree", system-ui, sans-serif' },
  dmsans:  { label: 'DM Sans', stack: '"DM Sans", system-ui, sans-serif' },
};

function Landing({ isMobile, tweaks }) {
  const palette = PALETTES[tweaks.palette] || PALETTES.serenity;
  const font = FONTS[tweaks.font] || FONTS.jakarta;

  const styleVars = {
    ...palette.vars,
    '--font': font.stack,
    '--font-display': font.stack,
  };

  const classes = [
    'amparus',
    isMobile ? 'is-mobile' : '',
    'density-' + tweaks.density,
  ].filter(Boolean).join(' ');

  return (
    <div className={classes} style={styleVars}>
      <Nav isMobile={isMobile} />
      <Hero isMobile={isMobile} layout={tweaks.hero} />
      <Sobre isMobile={isMobile} />
      <Servicos isMobile={isMobile} />
      <Estrutura isMobile={isMobile} />
      <Atividades isMobile={isMobile} />
      <Equipe isMobile={isMobile} />
      <Galeria isMobile={isMobile} />
      <Depoimentos isMobile={isMobile} />
      <Localizacao isMobile={isMobile} />
      <FAQ isMobile={isMobile} />
      <Contato isMobile={isMobile} />
      <Footer isMobile={isMobile} />
      <WhatsModalHost />
    </div>
  );
}

Object.assign(window, { Landing, PALETTES, FONTS });
