/* logo.jsx — Marca Alexandra Castro.
   Usa el SVG oficial (logo.svg) tal cual, sin re-trazos ni monograma.
   `size` = altura en px; el ancho se ajusta solo (ratio original). */

const Logo = ({ size = 38, sub = false, dark = false }) => {
  return (
    <span
      className="brand-logo"
      style={{ display: 'inline-flex', flexDirection: 'column', alignItems: 'center', gap: sub ? 6 : 0, lineHeight: 0 }}
    >
      <img
        src="logo.svg"
        alt="Alexandra Castro Pastelería"
        draggable="false"
        style={{ height: size, width: 'auto', display: 'block' }}
      />
      {sub && (
        <small style={{
          fontFamily: 'var(--sans, "Jost", sans-serif)',
          fontSize: Math.max(8, size * 0.13),
          letterSpacing: '0.28em', textTransform: 'uppercase',
          color: dark ? 'rgba(255,255,255,0.6)' : 'var(--ink-soft, #6b5f57)',
        }}>
          Boutique · Café
        </small>
      )}
    </span>
  );
};

window.Logo = Logo;